ciao a tutti,
il mio problema di oggi è che ho in una pagina php apparentemente complessa la necessità di inserirvi dei tooltip, attualmente ne sto utilizzando uno fatto in javascript, l'ho scaricato già fatto nella sez. download di Html.it.

Il codice che ho scaricato si presenta abbastanza chiaro e facile da modificare, tuttavia io non ho modificato niente tranne la possibilità di scrivere nell' attributo TITLE del tag A (ovvero l' attributo che fa funzionare il tooltip) in HTML anzichè normale testo.

Bene, dette le premesse vi scrivo un codice di esempio (non posso mettere tutta la pagina):

Questa è la pagina PHP
Codice PHP:
<html>
<head>
<style type="text/css" media="screen">
    
    span.tooltip {
        
        display: block;
        width: 270px;
        padding: 5px;
        background: #FFFEF5;
        border: 1px solid orange;
        font-size: small;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        
    }
    
</style>
</head>
<body>

<?php

if ($_GET[pagina]=="A"){
    echo "blalbal";
}else if($_GET[pagina]=="B"){
    echo '[url="#"][img]...[/img][/url]';
}else if($_GET[pagina]=="C"){
    echo "bkalbalba";
}else if($_GET[pagina]=="D"){
    echo "blalba";
}else if($_GET[pagina]=="E"){
    echo '[url="#"][img]...[/img][/url]';
}else{
   echo "blabla";
}
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
</body>
</html>
tooltip.js
Codice PHP:
$(document).ready(function() {
    
    
    $('p a').each(function() {
        
        var $a = $(this);
        var title = $a.attr('title');
        $a.removeAttr('title');
        
        var tooltip = $('<span class="tooltip"/>');
        
        tooltip.appendTo('body').hide();
        
        $a.mouseover(function(e) {
            
            
            var top = e.pageY;
            var left = e.pageX;
            
            tooltip.css({
                
                display: 'block',
                top: top + 5,
                left: left + 5
                
                
            }).html(title);
            
            
        });
        
        $a.mouseout(function() {
            
            tooltip.hide(500);
            
        });
        
        
    });
    
    
}); 
Il codice l'ho guardato e riguardato più volte... E' giusto.

Il problema per me è incredibile, nell' if di pagina "E" riesco a vederlo ma in in pagina "A" non vedo il tooltip!!
Come ve lo spiegate?