Notizie: puoi sempre seguire i nostri aggiornamenti su Twitter (@MozillaItalia) e Facebook (/MozillaItalia)

« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: tag title troncato  (Letto 2893 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline lucasali

  • Moderatore
  • Post: 7493
tag title troncato
« il: 30 Maggio 2006 16:51:33 »
questo è il codice html della pagina che mi da problemi:
Codice: [Seleziona]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>prova</title>
</head>
<body>
<table cellpadding="4" cellspacing="0">
<tr title="questo testo molto molto molto molto molto molto molto molto
                     molto molto molto molto molto molto molto molto molto molto molto molto
                     molto lungo non viene visualizzato bene nel tag title">       
<td>questo testo molto molto molto molto molto
molto molto molto molto molto molto molto molto molto molto
molto molto molto molto molto molto lungo non viene visualizzato
bene nel tag title</td>
</tr>
</table>
</body>
</html>in pratica quando posiziono il mouse sopra al testo mi appare ToolTipText con la descrizione che ho indicato nel tag title.
in IE funziona bene in FF essendo troppo lungo viene troncato.
sapeta se c'è modo per visualizzarlo completamente anche con FF?

p.s.: se vi serve un esempio online potete provare a posizionare il cursore sul link "GimpItalia.it" che è sulla home di www.mozillaitalia.org

... Luca
« Ultima modifica: 03 Giugno 2006 19:18:33 da flod »
Connesso

Offline flod

  • Amministratore
  • Post: 15057
    • http://www.flod.org
Re: tag title troncato
« Risposta #1 il: 30 Maggio 2006 17:47:26 »
Connesso

Offline lucasali

  • Moderatore
  • Post: 7493
Re: tag title troncato
« Risposta #2 il: 30 Maggio 2006 18:15:57 »
speravo di trovare un sistema alternativo ... in quanto il problema non è il mio ma dei potenziali visitatori che dovrebbero installarla...
in passato sempre sulla home c'era un javascript (se non ricordo male) che faceva l'effetto del tooltip ... anche quello cercherei di evitarlo se possibile ma in mancanza di alternative (a malincuore) devo ritenerlo una soluzione migliore dell'estensione :(
Connesso

Offline Borgata

  • Post: 624
Re: tag title troncato
« Risposta #3 il: 03 Giugno 2006 09:48:02 »
Il tag Title è nato per brevi descrizioni, e per questo viene troncato, quello di riportare testi estesi non è la sua funzione specifica.
L'estensione indicata da flod è l'unico modo per visualizzare tutto il testo con firefox, al momento.
Connesso

Offline miki64

  • Moderatore
  • Post: 36202
Re: tag title troncato
« Risposta #4 il: 03 Giugno 2006 16:26:02 »
ehm.... lucasali....  :D ... tutto il layout del thread è sballato a causa del post molto molto lungo...
Connesso

Offline lucasali

  • Moderatore
  • Post: 7493
Re: tag title troncato
« Risposta #5 il: 05 Giugno 2006 11:29:31 »
Citazione da: miki64 - 03 Giugno 2006 16:26:02
ehm.... lucasali....  :D ... tutto il layout del thread è sballato a causa del post molto molto lungo...
:shock: :shock: :shock:
io lo vedo perfettamente anche in 800x600

per quel che riguarda il mio problema specifico ho dovuto abbandonare il tutto in quanto la pagina generata è di circa 500kb e mettendo anche il tag title con tutto il testo contenuto nel div praticamente raddoppiava...
al momento ho fatto un js che legge il contenuto del tag e mostra in un simil tool tip text. appena ho sistemato i vari problemi di incompatibilità con IE lo posto così se volete potete provarlo ;)
Connesso

Offline indigo

  • Post: 1277
Re: tag title troncato
« Risposta #6 il: 05 Giugno 2006 11:43:34 »
Ciao Luca..posso chiederti a cosa serviva il title lungo? così magari troviamo un'alternativa ragionevole..

ciao

p.s. se ancora ti serve.....
Connesso

Offline lucasali

  • Moderatore
  • Post: 7493
Re: tag title troncato
« Risposta #7 il: 05 Giugno 2006 12:04:56 »
in pratica ho un elenco di voci lunghissime che non vanno a capo e per evitare di utilizzare la barra di scorrimento orizzontale cercavo di risolvere con il tooltip...
poi mi sono accorto delle dimensioni mostruose che assume la pagina indicando per due volte il testo (una nel title e una come testo) e quindi ho optato per un js.
l'usabilità della pagina rasenta lo zero sia per le dimensioni sia per la struttura ma visto che chi deve usarla la vuole così ...
comunque come ho già detto ho quasi fatto ... se non fosse per IE.
Connesso

Offline lucasali

  • Moderatore
  • Post: 7493
Re: tag title troncato
« Risposta #8 il: 05 Giugno 2006 13:01:11 »
anche se credo che ormai il tutto sia paurosamente OT vi posto il codice:
Codice: [Seleziona]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>prova</title>
<script type="text/javascript">
<!--
var mX = 0;
var mY = 0;

function mostrattt(mId) {
document.onmouseover = getMP;
var larghezzattt = 200;
var larghezzatot = 0;
larghezzatot = document.getElementsByTagName('html')[0].clientWidth;
if (larghezzattt > larghezzatot){larghezzattt = larghezzatot-50;}
if (mX+larghezzattt > larghezzatot){
document.getElementById('ttt').style.left = '';
document.getElementById('ttt').style.right = '0px';
}
else{
document.getElementById('ttt').style.left = mX + 'px';
document.getElementById('ttt').style.right = '';
}
document.getElementById('ttt').style.top = mY+20 + 'px';
document.getElementById('ttt').innerHTML = mId;
document.getElementById('ttt').style.width = larghezzattt+'px';
document.getElementById('ttt').style.display = 'block';
}

function nascondittt() {
document.getElementById('ttt').style.display = 'none';
}

function getMP(e) {
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEOVER)
  if (IE) {
    mX = event.clientX + document.body.scrollLeft;
    mY = event.clientY + document.body.scrollTop;
  } else {
    mX = e.pageX;
    mY = e.pageY;
  } 
  if (mX < 0){mX = 0}
  if (mY < 0){mY = 0} 
  return true;
}

window.onload = function() {
document.onmouseover = getMP;
}
//-->
</script>
<style type="text/css">
div#ttt {
position: absolute;
font-family: verdana, helvetica, sans-serif;
font-size: 9px;
color: black;
border: 1px solid black;
padding: 5px;
background: #eee;
z-index:20;
display: none;

-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
</style>
</head>
<body>
<div id="ttt">tooltiptext</div>
<div onMouseOver="mostrattt(innerHTML);" onMouseOut="nascondittt();">primo div</div><br>
<div onMouseOver="mostrattt(innerHTML);" onMouseOut="nascondittt();">secondo div</div>
<br><br><br><br><br>
</body>
</html>
in IE ha ancora qualche problemino ... più in generale non ho verificato quando il mouse è vicino al bordo inferiore della finestra se il tooltip è troppo basso quindi al di fuiri dell'area visibile...
Connesso

Offline indigo

  • Post: 1277
Re: tag title troncato
« Risposta #9 il: 05 Giugno 2006 13:31:59 »
Io pensavo a un qualcosa fatto con a:hover

tipo che se passi sopra si visualizza un div che sta sopra (con uno z-index maggiore) e che normalmente è nascosto..
eviti js, codice più o meno pulito, l'accessibilità non dovrebbe essere compromessa e se usi hover sul tag "a" dovrebbe fungere anche con IE..

:D
Connesso

Offline lucasali

  • Moderatore
  • Post: 7493
Re: tag title troncato
« Risposta #10 il: 05 Giugno 2006 14:56:15 »
comunque dovrei replicare tutto il testo contenuto ...
Connesso

Offline indigo

  • Post: 1277
Re: tag title troncato
« Risposta #11 il: 05 Giugno 2006 16:08:56 »
Direi di si...  :(
Connesso

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Pagine: [1]   Vai su
« precedente successivo »