Aprire e chiudere dinamicamente un pop up al passaggio del mouse su icona - in php

**goalmanager** · 08-10-2014, 15.48.54

La fretta è cattiva consigliera....avevo dimenticato le celle...che fagiano!!

Codice:

while( $row=mysql_fetch_array($myteam))  

{  

$number= $row['numeromaglia']; 
$name= $row['nome']; 
$idplayer= $row['id']; 
$skillplayer= $row['skill']; 



  echo"<tr>    
   
   
  <td><div>$number</div></td>

  <td><div title='ID:".$idplayer."-SKILL:".$skillplayer."><a href=' ' data-geo=''>$name</a></div> </td>
   

  </tr></tbody>";  
   }

</table>

Grazie mille!! ;-) Adesso devo richiamare la libreria jquery e fare la funzione base in javascript. giusto?

**NLSweb** · 08-10-2014, 16.08.41

hai messo un doppio apice dopo data-geo=
questo ti chiude ECHO prima della fine ...

adesso carica la libreria jQuery UI e scrivi la funzione di base

Codice:

$(function() {
   $( document ).tooltip();
});

**goalmanager** · 08-10-2014, 16.22.56

ok...coretto tutto

Codice:

while( $row=mysql_fetch_array($myteam))  

{  

$number= $row['numeromaglia']; 
$name= $row['nome']; 
$idplayer= $row['id']; 
$skillplayer= $row['skill']; 



  echo"<tr>    
   
   
  <td><div>$number</div></td>

  <td><div title='ID:".$idplayer."-SKILL:".$skillplayer."><a href=' ' data-geo=' '>$name</a></div> </td>
   

  </tr></tbody>";  
   }

</table>

Quanto al caricare la libreria..

Codice:

 <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

va bene questo? (per dare a cesare ciò che è di cesare, senza appropriarmi di cose altrui) lo aveva inserito Miki...

**NLSweb** · 08-10-2014, 16.25.55

Se vedi il sito di jQuery UI

Codice:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

**goalmanager** · 08-10-2014, 16.39.54

Ok...

ho visto

Codice:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Tooltip - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( document ).tooltip();
  });
  </script>
  <style>
  label {
    display: inline-block;
    width: 5em;
  }
  </style>
</head>
<body>
 
<p><a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
<p>But as it's not a native tooltip, it can be styled. Any themes built with
<a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI&apos;s theme builder application">ThemeRoller</a>
will also style tooltips accordingly.</p>
<p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
<p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>
<p>Hover the field to see the tooltip.</p>
 
 
</body>
</html>

Nel mio caso però, avendo delle variabili 'costruite' in php...dovrei metterle nella funzione javascript...

**goalmanager** · 08-10-2014, 16.44.33

Perchè sennò io posso solo vedere del testo HTML..... capisci...

**NLSweb** · 08-10-2014, 16.59.26

attento stai facendo un po' di confusione....

nel post #33 hai definito il tuo codice , quindi ti manca solo di caricare le librerie e la funzione

non devi fare altro..

quindi alla fine avrai il tuo file PHP :

con la prima parte in HTML in cui carichi le librerie , poi gli script e gli style
poi la parte in PHP dove accede al DB e crei la tabella

**goalmanager** · 08-10-2014, 17.11.47

Hai ragione!!! Grazie mille!!! Ho una bozza di risultato che mi soddisfa alla grandissima!!! scorrendo sui calciatori ne vedo, rispettivamente, l'id e lo skill mutare per come (ovviamente) sono inseriti nel database...

Però praticamente, scusa eh, ma io riesco a vedere ciò che è riportato in title (e fin qui ci sono arrivato), ma quindi io non posso intabellare i dati?? è questo che mi manca per chiudere il cerchio...

Praticamente ho capito che ci sono due strade...1) o riporti in title e allora non intabelli oppure 2) intabelli nella funzione javascript, però senza poter visualizzare le variabili php. è corretto?

Perchè a me serviva una combo tra le due...cioè prendere si i dati, ma poi intabellarli per far venire una mascherina carina...con la foto del giocatore (ogni record di ogni giocatore nel database ha una scritta che corrisponde ad una delle 30/40 immagini calciatori che ho salvato), e a sinistra della stessa i suoi dati...

è possibile fare una cosa del genere, oppure ho capito male?

ps esco un attimo per una commissione ma torno subito

**NLSweb** · 08-10-2014, 17.28.55

No .. non ci sono solo due "strade" distinte !

ma è importante procedere per gradi.

adesso hai completato un primo passaggio , hai una lista di giocatori e il tooltip funzionante con alcuni dati

adesso devo capire come vuoi andare avanti..

1) devi definire come la lista o tabella dei giocatori deve essere composta
2) devi definire quali informazioni "supplementari" vuoi inserire nel tooltip

una volta che sai ciò che vuoi , procedi un passo alla volta nello sviluppo del codice

ad esempio se vuoi creare una taballa "condensata" cioè con pochi dati (gli essenziali) e poi quando passi con il mouse (o cliccki dipende che evento preferisci gestire) la tabella da "condensata" si "estende" con gli altri dati , i quali posso essere visualizzati nel tooltip o in altri modi.

**goalmanager** · 08-10-2014, 18.58.29

Allora, ho provato ad inserirti una immagine di quello che voglio fare ma non me la fa caricare...

Allora facciamo così...

Vai sul sito

http://goalmanager.altervista.org/

fai il login con queste credenziali

user: NLSweb
pw: NLSweb

ti troverai nella scheramata principale del gioco (lo so è un pò rudimentale... :-) rispetto a quella 'stratosferica' del tuo sito :-) ...).
Clicca su squadra ---> giocatori
e sarai nella schermata della 'squadra', che io voglio modificare...
Adesso se clicchi sulla maglia di un giocatore (immagine bianca a sinistra del ruolo) ti comparirà sotto una mascherina con i dati del giocatore....
è quella mascherina che io vorrei far vedere all'utente, non al click sul giocatore, bensì ogni volta che lui si sofferma sul nome del giocatore con il mouse...

scusa se ti faccio vedere e fare tutte queste cose, ma è solo per farti capire cosa vorrei fare...
(in quella maschera ci sono dei pulsanti poi, che però sposto da un'altra parte...mi interessano solo i dati...visto che oltretutto i pulsanti non potrei metterli nel tooltip)
Desidererei solo far vedere quella maschera....se si potesse fare sarei strafelice...

**NLSweb** · 08-10-2014, 19.35.40

se ho capito bene la tabella "tabellagiocatore2" è quella che vuoi far apparire
e la carichi con una funzione AJAX

ora non capisco bene se vuoi che quella tabella venga mostrata in quella posizione (al di sotto della lista dei giocatori) o dentro il tooltip..

**goalmanager** · 08-10-2014, 23.10.06

dentro al tooltip...

la prima tabella (quella con i calciatori della squadra) vorrei farla più lunga (in modo da far entrare più giocatori possibili visto che al momento arrivo a visualizzare fino ai difensori e poi devo scorrere la barra laterale)....arrivando a visualizzarla quasi fino alla fine della pagina (e poi mettere quei 4 pulsanti che ho nella seconda tabella che mi compare con ajax in fondo..sotto alla prima tabella)
mentre la tabella che mi compare con ajax desidererei farla vedere nel tooltip. è fattibile come cosa?
Per ora nel tooltip visualizzo i dati delle variabili php dichiarate, ma come posso visualizzare quella maschera finale (foto, dati del calciatore...ecc...) che mi viene in fondo alla pagina, nel tooltip (anzichè in fondo alla pagina)?

**goalmanager** · 09-10-2014, 00.06.39

Cavolo riscontro un problema....
Il tooltip non mi si vede nella mia pagina effettiva...
Per caso confligge con qualche altra funzione javascript?
Perchè togliendo le altre funzioni javascript funziona...
Ho una funzione tablesorter, una funzione di ajax che mi fa vedere la tabella finale (ma che se riesco a mettere nel tooltip non ho più bisogno di visualizzare) e una funzione per l'apertura di un pop-up...

**goalmanager** · 09-10-2014, 00.17.15

ho capito con cosa confliggeva... con questa dichiarazione

<script src="jspt/jquery.js" type="text/javascript"></script>

relativa al table sorter, che comunque mi funziona lo stesso per fortuna :-)

e con la chiamata ajax anche mi confliggeva...

**NLSweb** · 09-10-2014, 14.32.57

Prima di tutto non postare messaggi consecutivi , ma modifica l'ultimo messaggio postato con gli eventuali aggiornamenti.

quindi hai bisogno di due cose:
1)

la prima tabella (quella con i calciatori della squadra) vorrei farla più lunga

2)

a tabella che mi compare con ajax desidererei farla vedere nel tooltip.

entrambe sono fattibili , ma procediamo per gradi...

per il secondo punto:
devi assegnare nella lista dei giocatori (ad ogni giocatore) la funzione AJAX a cui passi come argomento ID del giocatore
esempio:

Codice:

echo "<div title='' onmouseover='AJAX(".$IDdelGiocatore.")'>".$name."</div>";

quindi al passaggio del mouse verrà eseguita la funzione AJAX che chiamerà il tuo file PHP con argomento ID del giocatore
in modo da estrarre i dati che ti occorrono

Codice:

xmlhttp.open("GET","dettaglio.php?ID="+id,true);

la funzione quindi ti restituirà (xmlhttp.responseText) la tabella formattata con tutti i dettagli ; la risposta verrà quindi assegnata ad un variabile e poi inserita nel CONTENT del Tooltip
esempio:

Codice:

var risposta = xmlhttp.responseText;
$("#lista"+id).tooltip({content:risposta});

( dove #lista + id sarà la riga corrispondente al giocatore )

**goalmanager** · 09-10-2014, 18.18.03

Allora ho capito ciò che dici....in linea generale...il problema però è che la riga di ogni giocatore base è fatta, e vorrei che fosse fatta, in questo modo:

(fermo restando il fatto che 1) allungo la schermata dei giocatori e che 2) tolgo la mascherina finale con i dati dei giocatori (che vorrei far vedere nel tooltip)...ho poi 4 pulsantini fondamentali per il mio gioco (rinnova, licenzia, imposta cedibile e assegna numero maglia) e allora ho pensato di far comparire quelli in fondo al click su determinate parti della riga di ciascun giocatore...)

dicevo la pagina vorrei che fosse fatta così...

Numero maglia (cliccando sul numero compaiono in fondo i 4 pulsanti...questa parte è ok), ruolo (cliccando sullo stesso apro un pop up.....anche questa parte è ok), nome (passando il mouse vorrei visualizzare la mascherina....ma non riesco..), skill e altre (come per il numero di maglia o per il ruolo...quindi ok...)

In sostanza quindi l'unica cosa è che al passaggio del mouse io veda la mascherina, ma credo confligga con il fatto che una funzione ajax già è presente nella pagina (per far venire in fondo i 4 pulsanti...)...la misi grazie al vostro intervento sul forum tra l'altro, perchè io ancora ci batto la testa...

te la riporto...qui sotto

Codice:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
/* AJAX = Asynchronous JavaScript and XML */

function loadXMLDoc(id)
{
/* questa prima parte della funzione apre la comunicazione con il server in background , senza dover riaggiornare la pagina */


var xmlhttp;
if (window.XMLHttpRequest)
  {// codice per le nuove versioni di browser che hanno XMLHttpRequest integrato IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// codice per le vecchie versioni di browser  IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
  
/*  qui catturiamo l'evento di quando il readyState cambia  */ 
/* 0: richiesta non inizializzata                                      */
/* 1: connessione con il server attivata                         */
/* 2: il server ha ricevuto la richiesta                            */
/* 3: il server sta eseguendo la richiesta [query]            */
/* 4: il server ha finito e la risposta e' pronta !               */
/* mentre lo STATUS e' lo stato della pagina , cioe' : 200: "OK" 404: Page not found */

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    /* qui si inserisce la risposta dal server (quindi l'informazione che abbiamo chiesto al nostro file php    */
    /* di prendere dal DataBase , e la si passa al nostro elemento (in questo caso un div)                      */
    /* da notare che abbiamo richiesto una stringa come risposta , questo perche' non stiamo usando un file XML */
    /* altrimenti avremmo dovuto usare responseXML                                                              */
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

/* qui apri il file dettaglio.php a cui passi la richiesta id e imposti il parametro asincrono=true        */ 
/* l'importanza di avere una comunicazione asincrona e' che JS non deve aspettare la risposta del server  */
/* ma puo' continuare ad eseguire il codice ed eventualmente a ritardare la risposta in attesa del server */ 
/* in questo modo non si creano "colli di bottiglia" , ovvero rallentamenti dovuti a lunghe attese        */
/* chiaramente se si imposta asincrono=false (quindi sincrono) JS fermera' l'esecuzione del codice fino a */
/* quando il server non gli avra' fornito la risposta ..                                                  */

xmlhttp.open("GET","dettaglio2.php?ID="+id,true); 
xmlhttp.send();  
  
/* da notare che AJAX puo' usare sia ASP che PHP */  
  
}
</script>

**NLSweb** · 09-10-2014, 18.43.16

Si... la funzione AJAX è quella che ho scritto io...

non è nulla di complicato ! ..

allora se tu usi questa funzione AJAX per prelevare i pulsanti

il fatto che una funzione ajax già è presente nella pagina (per far venire in fondo i 4 pulsanti...)..

devi crearne un altra con un nome diverso (tipo invece di loadXMLDoc la chiami loadXMLTooltip)
a cui assegnerai sempre ID del giocatore (in modo da sapere quali dati devi prelevare)
questa funzione però chiamerà un altro file PHP , quello che ti preleva i dati del giocatore e te li formatta nella tabella
quindi il xmlhttp.responseText ti restituirà la tabella dei dettagli del giocatore che tu dovrai assegnare al tooltip ( come ti ho precedentemente illustrato ).

in questo esempio faccio praticamente queste cose (in sostanza...)

**goalmanager** · 09-10-2014, 20.19.19

Non riesco a farla funzionare....nonostante il concetto mi è più chiaro...

le funzioni sono

Codice:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script>
/* AJAX = Asynchronous JavaScript and XML */

function loadXMLTooltip(id)
{
/* questa prima parte della funzione apre la comunicazione con il server in background , senza dover riaggiornare la pagina */


var xmlhttp;
if (window.XMLHttpRequest)
  {// codice per le nuove versioni di browser che hanno XMLHttpRequest integrato IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// codice per le vecchie versioni di browser  IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
  
/*  qui catturiamo l'evento di quando il readyState cambia  */ 
/* 0: richiesta non inizializzata                                      */
/* 1: connessione con il server attivata                         */
/* 2: il server ha ricevuto la richiesta                            */
/* 3: il server sta eseguendo la richiesta [query]            */
/* 4: il server ha finito e la risposta e' pronta !               */
/* mentre lo STATUS e' lo stato della pagina , cioe' : 200: "OK" 404: Page not found */

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    /* qui si inserisce la risposta dal server (quindi l'informazione che abbiamo chiesto al nostro file php    */
    /* di prendere dal DataBase , e la si passa al nostro elemento (in questo caso un div)                      */
    /* da notare che abbiamo richiesto una stringa come risposta , questo perche' non stiamo usando un file XML */
    /* altrimenti avremmo dovuto usare responseXML                                                              */
 
var risposta = xmlhttp.responseText;
   ToolTIP(id,risposta);

 
    }
  }

/* qui apri il file dettaglio.php a cui passi la richiesta id e imposti il parametro asincrono=true        */ 
/* l'importanza di avere una comunicazione asincrona e' che JS non deve aspettare la risposta del server  */
/* ma puo' continuare ad eseguire il codice ed eventualmente a ritardare la risposta in attesa del server */ 
/* in questo modo non si creano "colli di bottiglia" , ovvero rallentamenti dovuti a lunghe attese        */
/* chiaramente se si imposta asincrono=false (quindi sincrono) JS fermera' l'esecuzione del codice fino a */
/* quando il server non gli avra' fornito la risposta ..                                                  */

xmlhttp.open("GET","dettaglio22.php?ID="+id,true); 
xmlhttp.send();  

  
/* da notare che AJAX puo' usare sia ASP che PHP */  
  
}


function ToolTIP(id,contenuto){
 $("#lista"+id).tooltip({content:contenuto});
 $("#lista"+id).tooltip("option", "disabled" );
}
</script>

la pagina dettaglio22.php ha come contenuto quello della pagina dettaglio2.php, che mostra la tabella finale...

solo che prima la vedevo nel finale con un <div>, ora invece devo inserla nel tooltip

quindi quando richiamo in php la tabella...il nome del giocatore l'ho fatto così...

Codice:

....


<td><div>
    <a href=' ' id=\"lista(".$row[id].")\"  title=' ' onmouseover=\"loadXMLTooltip(".$row[id].")\">$nome</a></div></td>
   
....

Però non vedo nulla...il tooltip non mi si vede...

Niente....ho fatto delle modifiche ma continuo a non vedere funzionare il tooltip....

La cosa strana è che ho copiato la sorgente del tuo codice e inserendo la mia pagina (dettaglio22.php) nella funzione mi riesce tutto, ma nella pagina della squadra del mio sito non si vede il tooltip...non capisco...

**goalmanager** · 10-10-2014, 09.41.35

Ti ringrazio infinatamente!!!! Riesco a visualizzarlo.... ed è veramente molto bella come cosa.... considerato che per la mia esigenza è sia molto utile che carina come idea... purtroppo ho solo un problema.... credo sia una cosa di poco conto per te, ma io non riesco proprio a capire perchè mi faccia così la pagina...

praticamente io scorrendo sui nomi dei giocatori visualizzo il tooltip ( e fin qui tutto ok), ma spesso mi accade che assieme a quello mi si visualizzi in fondo (anzi fuori dalla pagina più precisamente) la stessa schermata...quindi mi è successo di avere 2...e a volte anche 3 schermate...una al passaggio del mouse sul nome del giocatore e le altre 2 più sotto, fuori dalla pagina, e scaturiscono contestualmente alla prima e non vanno più via (a differenza del tooltip quando lasci il nome del giocatore). Oltretutto poi, a differenza del tooltip, sono scheramate cliccabili...in sostanza è come se fosse un include di una pagina con pulsanti cliccabili...

Si può risolvere questa situazione?

Se vuoi posso farti rientrare e vedere di persona...non è agevole spiegare a parole la fattispecie in questione...

**NLSweb** · 10-10-2014, 12.44.36

l'errore mi sembra sia associato all'identificativo della lista giocatori

questo codice da te postato non è corretto

Codice:

<a href=' ' id=\"lista(".$row[id].")\"  title=' ' onmouseover=\"loadXMLTooltip(".$row[id].")\">$nome</a>

dovrebbe essere scritto cosi:

Codice:

echo "<a href=' ' id=\"lista".$row[id]."\"  title=' ' onmouseover=\"loadXMLTooltip(".$row[id].")\">".$nome."</a>";

in particolare questa funzione

Codice:

function ToolTIP(id,contenuto){
 $("#lista"+id).tooltip({content:contenuto});
 $("#lista"+id).tooltip("option", "disabled" );
}

sotituisce il contenuto del tooltip che punta all'elemento lista+id (lista1 , lista2 , lista3, ...)
quindi ID di ogni riga (giocatore) deve avere un identificativo unico (lista1, lista2 , .....)

alrimenti quando passi con il mouse su un giocatore , non viene mostrato SOLO il tooltip di quel giocatore ma anche quello di altri..

**goalmanager** · 10-10-2014, 13.27.30

Ho fatto come dici, ma riscontro sempre il solito problema. Ti ho inviato una mail alla casella di posta presente in contatti sul tuo sito...

**NLSweb** · 10-10-2014, 14.18.09

il DEBUG mi ritorna questo errore

SyntaxError: missing } after function body squadra4.php:88

allora tu hai la lista giocatori "tabellaframe3diversa" in cui ogni "rgheeve" ha correttamente l'associazione con le due funzioni AJAX

fin qui tutto bene ...

dopo la chiusura del TABLE .. però vedo tutti i DIV con classe "ui-tooltip-content" , resi invisibili e poi visibili al passaggio del mouse

e non ne capisco l'utilità !!

sono quelli che ti danno il problema della sovrapposizione poichè non sono gestiti correttamente

se vuoi continuare ad averli anche lì .. devi prevedere anche l'evento onmouseout che li ri-nasconde

secondo me comunque non dovresti gestire in questo modo il tooltip....

per comprenderci , il tooltip mostra una schermata senza possibilità di interagire
se tu hai la necissità di interagirvi allora puoi fare in due modi..
1) crei un unico DIV dopo la tabella che riempi e svuoti con i dettagli del giocatore (possibilmente associato all'evento click del mouse)
2) crei una finestra di dialogo che rimane aperta fino a quando uno non la chiude , con lo stesso contenuto del tooltip

**goalmanager** · 10-10-2014, 16.57.16

Scusa Noel, ma per come era conformata prima la pagina non sono stato in grado di farti capire bene....

Prima io avevo la lista dei giocatori, e cliccando su uno di essi, (grazie alla funzione ajax che avevi scritto te sul forum), in fondo alla schermata (in apposito div) visualizzavo i dati del giocatore e in più 4 pulsanti (rinnovo, licenzia, ecc..) per interagire...

Adesso però mi va bene come è fatta (cioè desidererei un tooltip senza possibilità di interagire per l'utente, che è quello che mi hai fatto fare e sono felicissimo!!) e infatti adesso, ho potuto allungare la tabella dei giocatori in modo tale che ne entrino di più in schermata, poi cliccando su altre parti della singola riga giocatore (es: numero di maglia, ruolo, ecc..) visualizzo in fondo alla tabella i 4 pulsanti (in un div più basso), e poi andando col mouse sul nome visualizzo i suoi dati (e mi interessa solo quello...senza necessità di interagire...)

e qui mi connetto all'errore....

sinceramente non credo di poter risolverlo perchè finita la tabella giocatori, non ho altri div oltre quello dei 4 pulsanti che ha id='MyDiv'...

cioè non capisco dove mettere le mani perchè non ho programmato div con classe "ui-tooltip-content". Se vuoi posso mandarti l'intera pagina per mail...perchè davvero non so da dove vengono fuori...

**NLSweb** · 11-10-2014, 11.21.43

Allora ho analizzato tutto il codice ....
e ci sono dei comportamenti anomali da parte di UI TOOLTIP WIDGET

per ora prova a definire questi stili nel CSS

Codice:

.ui-tooltip ui-widget ui-corner-all ui-widget-content{
 visibility:hidden;
}
.ui-helper-hidden-accessible{
 visibility:hidden;
}

guarda questo screenshot

questo che vedi è il problema...

**goalmanager** · 11-10-2014, 12.05.12

Caspita ma come hai fatto a fare quell'analisi? Cioè praticamente ti dà gli errori che ci sono nelle pagine?
Fantastica come cosa...

Tornando al problema del tooltip io avevo inserito questo nei css

Codice:

#dettaglio{
 width:1px;height:1px;
position: relative; left: 100px; top: 50px;
 font-family:Arial, sans-serif;
  
}
#dettaglio img{
 width:2px;height:2px;
}
li:hover{
 cursor:pointer;
 
}
.ui-tooltip {
width:1px;height:1px;
 overflow:visible;
}

devo sostituire l'ultima parte con la tua?

**NLSweb** · 11-10-2014, 19.22.04

Per l'analisi del codice non è complicato basta usare gli strumenti WEB DEVELOPER messi a disposizione del browser (io uso firefox)

non sostituire il CSS ma prova ad aggiungere quello che ti ho suggerito e vedi come va..

**goalmanager** · 11-10-2014, 19.37.22

Ciao Noel, l'ho aggiunto, ma mi da sempre il problema...comunque ho anche tolto tutti i div della tabella giocatori, rifacendo tutto il codice, ma il problema persiste...

Peccato perchè è una cosa davvero carina...e infatti molto probabilmente la lascerò ugualmente (anche se difettosa).... è troppo utile oltretutto...

**NLSweb** · 11-10-2014, 19.43.31

Da quello che mi risulta , ogni volta che si apre un tooltip viene aggiunto uno di quei DIV dopo la tabella..
quindi mi domando se il file PHP che viene eseguito per caricare il contenuto del tooltip ha qualche responsabilità in questa anomalia...

**goalmanager** · 12-10-2014, 02.16.17

Ho cambiato file...ho anche messo un file php con dentro solo un echo 'ciao', la situazione cambia un pò, ma nella sostanza rimane immutata....mi stampa il contenuto del tooltip per 6/7 volte lungo la pagina ad ogni caricamento....Ho persino provato ad isolare parti di codice per vedere se il problema era legato a quello...e ho riscritto la pagina limitando al massimo i div...ma nulla da fare...domani mi ci rimetto pesantemente.... ;-)

**NLSweb** · 12-10-2014, 13.34.33

Se rivedi il mio esempio , i tooltip si aprono al passaggio del mouse e non lasciano "anomalie" ...
ciò significa che lo script e la logica di utilizzo è corretta...
..per il tuo problema l'origine deve essere legata al file php che genera il contenuto ..

Discussione: Aprire e chiudere dinamicamente un pop up al passaggio del mouse su icona - in php

LinkBack

Strumenti discussione

Display

Regole di scrittura