• User Attivo

    JQuery Tooltip...non riesco a farlo funzionare

    http://www.antoniofullone.it/tutorial/634/tooltip-con-jquery/

    Da qui ho scaricato il tooltip e l'ho provato in due modi.

    Il primo nella mia pagina (posto l'intero head)

    HTML

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="PORTFOLIO.css" rel="stylesheet" type="text/css" />
                 
    <title>Lucaeffe.it</title> 
    
    
    
     
    
    <script src="smoothscroll_dl/smoothscroll.js" type="text/javascript"></script>
    
    
    <!-- jQuery lightBox plugin -->
        <script type="text/javascript"  src="JS/jquery-lightbox-0.5/js/jquery.js"></script>
    <script type="text/javascript" src="JS/jquery-lightbox-0.5/js/jquery.lightbox-0.5.js"></script>
        
        
        <link rel="stylesheet" type="text/css" href="JS/jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
        <script type="text/javascript">
        $(function() {
            $('#gallery a').lightBox();
        });
        </script>
       <!--fine jQuery lightBox plugin --> 
       
    
     <script type="text/javascript" src="JS/jquery-lightbox-0.5/jquery.color.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#menu a').hover(function() {
            $(this).animate({
                  color: '#fc0'
              }, 100);    
                          },
                  function() {
                      if (!$(this).hasClass("sel")) {
                          $(this).animate({
                              color: "#fff"
                          }, 2000);
                      }
    
        });
    });
    
    
    </script>  
       
    <script type="text/javascript" src="JS/jquery-tooltip/jquery.tooltip.js"></script>
    <script type="text/javascript"> 
        $(document).ready(function(){
        $("#tool a").tooltip({
        track: true,
        delay: 0,
        fixPNG: true,
        top: 15,
        showURL: false,
        left: 5    ,
        });
    
        }); 
    </script>
        
    
        <script type="text/javascript" src="JS/easySlider/easySlider/js/easySlider.js"></script>
         <script type="text/javascript">
        $(document).ready(function(){
        
        $("#slider").easySlider({
            prevText:'<',
            prevId: 'prevBtn',
            nextText: '>',
            nextId: 'nextBtn',
            orientation: 'horizontal'
    
            
                            
                                
        });
        
       $("#slider2").easySlider({
           prevText: '<',
           prevId: 'prevBtn2',
           nextText: '>',
           nextId: 'nextBtn2',
    
        });
       
           
       $("#slider3").easySlider({
           prevText: '<',
           prevId: 'prevBtn3',
           nextText: '>',
           nextId: 'nextBtn3',
    
        });
        
    });
    
        </script>
    
        
        
        
        
        
        
    
    
    
    
        <style type="text/css">
        /* jQuery lightBox plugin - Gallery style */
        #gallery{
            margin:0;
            width:100%;
            height:3500px;
            text-decoration:none
        }
        
        a{
            font-family:Arial, Helvetica, sans-serif;
            color:#FFF;
            text-decoration:none;
            }
            
        ul { 
            list-style: none;
            padding:100px 0 0 50px;
            margin:0 0 50px 0
        }
        ul li { 
            display: inline;
        }
        ul img {
            margin:0 auto;
            border: 5px solid #3e3e3e;
            border-width:0;
        }
        ul a:hover img {
            border: 1px solid none;
            border-width:0;
            color: #fff;
        }
        ul a:hover { color:;
        }
        
        </style>
        
    
                 
    
    
    </head>
    
    
    
    

    CSS

    #tool{
    position:relative;
    width:500px;
    height:100px;
    margin:0;
    border:1px solid #ccc;
    padding:0;
    background:#f5f5f5;
    }
    
    

    Il link per lo sxript non funziona e allora ho deciso di provare in una nuova pagina

    HTML

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="Untitled-2.css" rel="stylesheet" type="text/css" />
    <title>Untitled Document</title>
    
    <script type="text/javascript" src="JS/jquery-tooltip/lib/jquery.js"></script>
    <script type="text/javascript" src="JS/jquery-tooltip/jquery.tooltip.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('#tool a').tooltip({
        track: true,
        delay: 0,
        fixPNG: true,
        top: 15,
        showURL: false,
        left: 5    ,
        });
    
        });
        
        </script>
    
    
    

    CSS

    @charset "utf-8";
    /* CSS Document */
    
    body{
        background:#063;
    }{
    position:relative;
    width:500px;
    height:100px;
    margin:auto;
    border:1px solid;
    padding:10px;
    background:#f5f5f5;
    } a{
    font-size:1.4em;
    }
    
    

    Ma il risultato è identico,ovvero lo script non ne vuol sapere di funzionare!!:x


  • Super User

    Ciao lucaeffe,

    hai postato la stessa domanda qui, e non concesso dal regolamento:

    11. ** Crossposting**

    11.0. Non è consentito postare lo stesso messaggio o parti di esso in più aree del forum, salvo casi di particolare interesse che dovranno comunque essere autorizzati da un Admin.