Tooltip

[Dizasterr]

Здравейте! Помъчих се да преправя един onmouseover, но нещо не стана. Ето кода:

<script>
function toolTip(text){
var login = document.getElementById('login');
login.style.display = 'block';
login.setAttribute(text);
}
function hidetoolTip(){
document.getElementById('login').style.display = 'none';
} 
</script>
<img src="" id="login" style="display:none;">
<a href="#"><img src="../images/magazine1.png" width="250px" height="250px" onmouseover="javascript:toolTip('A:NJAFPNAFPNAF:KNAF:KL');" onmouseout="hidetoolTip()" border="0"></a>

Искам да ми показва текст, но не съм сигурен как ще стане.

 

[F1r3Fl3x]

Виж си там променливата

login.setAttribute(text);

става така:

setAtribute('atribut', 'stoinost');

Когато JS ти прави проблем, гледай в Ерор Конзолата!

 

[Dizasterr]

Направих го така, но пак не излиза текст само картинката:

<script>
function toolTip(text){
var login = document.getElementById('login');
login.style.display = 'block';
setAtribute('atribut', 'stoinost');	
}
function hidetoolTip(){
document.getElementById('login').style.display = 'none';
} 
</script>

 

[F1r3Fl3x]

Не си ме разбрал. setAttribute не се ползва самостоятелно!
Ползва се след document.getElementById(...)!
Ето така:
document.getElementById(...).setAttribute(...)
Ако искаш да вкараш текст в самият елемент става така:
document.getElementById(...).innerHTML = text;

 

[Dizasterr]

Нещо неможах да го разбера.

 

[F1r3Fl3x]

Виж сега
имаш един линк с айди link1 -> <a href="yahoo.com" id="link1">Цъкни ме!</a>
var link = document.getElementById('link1');
link.setAttribute('href', 'google.bg'); //Така вече като цъкнеш на линка ще пренасочва към гугъл а не към яху!

link.setAttribute('class', 'links'); //Така му добавяш клас links!
Това е. А ако искаш да смениш 'Цъкни ме!' го правиш така:
link.innerHTML = 'Смених гоо!!';
Това е !

И твоя код ще изглежда така!

<script>
function toolTip(text){
var login = document.getElementById('login');
login.style.display = 'block';
login.innerHTML = text; // както горе в примера!! 
}
function hidetoolTip(){
document.getElementById('login').style.display = 'none';
}
</script>

Това е ! Ако все още не си разбрал нещо, викай!

 

[Dizasterr]

Благодаря човек. Страхотен си! +1 :?: