Въпрос за javascript

[Dizasterr]

Здравейте! Имам един проблем. Написах си код за тултип и всичко работи както трябва, но искам в съществуващия си тултип да вмъкна още един, но като го направя не работи. Ето кода:

<html>
<head>
<script type="text/javascript">
			function tooltip(text) {
			
				var toolt = $("#tooltip");
				
					document.getElementById("tooltip").innerHTML = text;
					
			}
			
			function hidetooltip() {
			
			var toolt = $("#tooltip");	
			
					document.getElementById("tooltip").innerHTML = '';
			
			}
</script>
</head>
<body>
		<div class="menu" onclick="show('<br/><br/><b>My Text<br/></b>')" onmouseover="tooltip('<br/><br/><b>Играчи</b>')" onmouseout="hidetooltip()"><img src="images/buttonplayersone.png" width="60px" height="60px" /></div>
</body>
</html>

Искам като посоча с мишката върху това My Text в тултипа да излиза със същата функция show друг тултип. Благодаря предварително.

 

[F1r3Fl3x]

Проблема ти идва от там, че може да използваш само един елемент с ID tooltip По-добре е за всеки туултип да създаваш нов див и да му задаваш пореден номер (#tooltip-1, #tooltip-2), като номера го поставяш в глобална променлива (дефинирана извън функцията tooltip ) и инкрементираш при всяко показване на попъпа, а след скриването премахваш див-а

 

[Dizasterr]

Нещо неможаш да разбера. Направих го ето така:

			var num = 0;
			 inc = num++;
			
			function tooltip(text) {
			
				var toolt = $("#tooltip-inc");
				
					document.getElementById("tooltip").innerHTML = text;
					
			}
			
			function hidetooltip() {
			
			var toolt = $("#tooltip");	
			
					document.getElementById("tooltip").innerHTML = '';
			
			}

Съмнявам се да се получи. После в скобите как да задам при минава с мишката ?

 

[F1r3Fl3x]

Малко не си ме разбрал
Ето какво имах предвид:

$(document).ready(function(){
    var num = 0;
    
    function tooltip( text ) {
        
        var id = "#tooltip-" + num;
        
        $( '<div />', {
            'id': id,
            'html': text,
        }).mouseout(function(){
           $( id ).fadeOut('slow', function(){ $(this).remove(); });
        }).appendTo( 'body' );
        
        num++;
    }
});

Като добавяш на линковете само onMouseOver="tooltip('text text text');". Скриването става от самия код. АКо имаш въпроси по кода, или кода не работи (не съм го тествал), казвай

 

[Dizasterr]

Малко не си ме разбрал
Ето какво имах предвид:

$(document).ready(function(){
    var num = 0;
    
    function tooltip( text ) {
        
        var id = "#tooltip-" + num;
        
        $( '<div />', {
            'id': id,
            'html': text,
        }).mouseout(function(){
           $( id ).fadeOut('slow', function(){ $(this).remove(); });
        }).appendTo( 'body' );
        
        num++;
    }
});

Като добавяш на линковете само onMouseOver="tooltip('text text text');". Скриването става от самия код. АКо имаш въпроси по кода, или кода не работи (не съм го тествал), казвай

Да, но аз искам това tooltip да го добавя в тага show. Да стане ето така:

<div class="menu" onclick="show('<br/><br/><b><div id='one' on mouse over='tooltip(dsgdadg)'>My Text!</div></b>')" onmouseover="tooltip('<br/><br/><b>Правила</b>')" onmouseout="hidetooltip()"><img src="images/buttonrules.png" width="60px" height="60px" /></div>

 

[Dizasterr]

Някой има ли идея ?