tooltips e motori di ricerca

[equiweb.it]

Ciauz a tutti... cercando uno script per le tooltips ho trovato solo esempi che richiamavano un div e cambiavano da display: hidden a display:visible
però mi è venuto un dubbio...
i motori di ricerca ultimamente stanno attenti alla sovrabbondanza di key nascoste...per evitare tecniche non corrette di aumentare il pagerank...
non potrebbe essere "pericoloso" mettere alcuni div nascosti? o meglio... il motore di ricerca in fase di indicizzazione...potrebbe """arrabbiarsi"""" di ciò?

è meglio creare un array in js con il testo da visualizzare?

ciauzzz e grazie a tutti dei consigli

[Shores]

Ma perchè invece di usare javascript non usi css, oppure, meglio ancora, gli attributi title dei vari tag? Queste sono tecniche che non hanno bisogno di trucchi, anzi, sono quelle premiate dai vari check di accessibilità...

[equiweb.it]

hmmm per attributo title... intendi <a title="" ?
è possibile con i css modificare l'aspetto della finestrella gialla che compare?

sapresti consigliarmi un link dove documentarmi?

ciauz e grazie mille!

[Shores]

No, non si può modificare l'aspetto del tooltip che nasce da title.

Ma puoi sempre avere delle tooltip tue senza avere necessità di usare javascript:

<div>Tooltip</div>Testo

a div{display:none;position:absolute;}
a:hover{display:block;}

E senza nessun js ecco fatte delle tooltip...

[equiweb.it]

però così si ritorna alla mia domanda iniziale...

i motori di ricerca potrebbero "arrabbiarsi" a causa delle parole nascoste?

facendo un po' di ricerche ho trovato questo interessante metodo http://javascript.html.it/articoli/l...vascript-e-css

in caso si volesse usare solo il css non sarebbe più corretto usare <dt></dt> e
<dd></dd>?

ciauz e grazie dell'aiuto

[Shores]

Originariamente inviato da equiweb.it
però così si ritorna alla mia domanda iniziale...

i motori di ricerca potrebbero "arrabbiarsi" a causa delle parole nascoste?

facendo un po' di ricerche ho trovato questo interessante metodo http://javascript.html.it/articoli/l...vascript-e-css

in caso si volesse usare solo il css non sarebbe più corretto usare <dt></dt> e
<dd></dd>?

ciauz e grazie dell'aiuto

Non mi risulta che i motori leggano e parsino i fogli di stile esterni...

DL DD e DT non sono quello che va usato, a mio avviso, visto che servono per le LISTE di definizioni...

La tecnica presentata nel link che hai postato è ottima!

[equiweb.it]

ti ringrazio ancora di tutti i consigli che mi stai dando...sei davvero gentile...

sto provando la soluzione riportata nel link..e devo dire che funziona davvero bene...
l'unica "pecca" (per quanto riguarda l'uso che serve a me) è che agisce su tutti i link presenti nella pagina...io invece dovrei farlo "funzionare" all'interno di un div...

hmmm sto provando a modificarlo... ma è abbastanza complicato...
tu sapresti darmi qualche dritta?

/*script per i tooltip*/

window.onload=enableTooltips;

function enableTooltips(){
var links=document.getElementsByTagName("a");
for(i=0;i<links.length;i++){
    t=links[i].getAttribute("title");
    if(t!=""){
        links[i].removeAttribute("title");
        links[i].style.position="relative";
        tooltip=document.createElement("em");
        tooltip.className="tooltip";
        tooltip.style.display="none";
        tooltip.appendChild(document.createTextNode(t));
        links[i].appendChild(tooltip);
        links[i].onmouseover=showTooltip;
        links[i].onmouseout=hideTooltip;
        }
    }
}

function showTooltip(event){
    this.style.zIndex="25";
    this.getElementsByTagName("em")[0].style.display="block";
    }

function hideTooltip(event){
    this.style.zIndex="24";
    this.getElementsByTagName("em")[0].style.display="none";
    }

ciauzzz e grazie ancora

[whisher]

<div>Tooltip</div>Testo

Mi sa che il validatore brontola

[equiweb.it]

huhu...come al solito mi sono spresso male...intendevo così:

<div id="links">





</div>

un altra soluzione che potrei in alternativa usare è farlo agire solo sugli elementi appartenti a una stessa classe (però...credo che così sia impossibile...)

esempio

</>
</>

ciauzz e grazie per l'aiuto

[equiweb.it]

olèèè ci sono riuscito...posto la soluzione in caso possa essere a qualcuno:

Articolo preso in considerazione: http://javascript.html.it/articoli/l...ascript-e-css/

codice javascript modificato per funzionare in una situazione come questa:
html

<div id="links">





</div>

javascript

window.onload=enableTooltips;

function enableTooltips(){
if (document.getElementById('links')){ 
var links= document.getElementById('links').getElementsByTagName("a");
for(i=0;i<links.length;i++){
    t=links[i].getAttribute("title");
    if(t!=""){
        links[i].removeAttribute("title");
        links[i].style.position="relative";
        tooltip=document.createElement("em");
        tooltip.className="tooltip";
        tooltip.style.display="none";
        tooltip.appendChild(document.createTextNode(t));
        links[i].appendChild(tooltip);
        links[i].onmouseover=showTooltip;
        links[i].onmouseout=hideTooltip;
        }
    }
}
} 

function showTooltip(event){
    this.style.zIndex="25";
    this.getElementsByTagName("em")[0].style.display="block";
    }

function hideTooltip(event){
    this.style.zIndex="24";
    this.getElementsByTagName("em")[0].style.display="none";
    }

ciauzzzz e grazie a tutti