Questo è ciò che ho chiesto nella sezione PHP, in definitiva vorrei, che il contenuto dei vari td (testo) si troncassero al raggiungimento della lunghezza prestabilita del td, con php mi han spiegato che non è possibile, ho chiesto se con javascript fosse possibile, qualche suggerimento?Ho una tabella mysql con un campo descrittivo, vorrei visualizzare i vari campi e record della tabella in modo che la descrizione si troncasse raggiunto la lunghezza preventivamente decisa del tag td.
Ultima modifica di riccardo1975; 03-11-2013 a 13:36
Prima o poi anch'io vi insegnerò qualcosa
Dovrebbe essere sufficiente un CSS:Originariamente inviata da riccardo1975
codice:<style type="text/css"> td{height:100px; overflow:hidden} </style>
Dal seguito si vedrà che con i css vado più o meno a caso, come correggo l'esempio di seguito?
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<style type="text/css">
td222{height:100px; overflow:hidden}
</style>
</head>
<body>
<table>
<tr>
<td class='td222'>sd asd asd asd asd asd ad asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdas d2</td>
<td>Lucia</td>
<td>Giannelli</td>
</tr>
</table>
</body>
</html>
Prima o poi anch'io vi insegnerò qualcosa
Se usi una classe:Dal seguito si vedrà che con i css vado più o meno a caso, come correggo l'esempio di seguito?
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><title>Esempio</title>
<style type="text/css">
td222{height:100px; overflow:hidden}
</style>
</head>
<body>
<table>
<tr>
<td class='td222'>sd asd asd asd asd asd ad asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdas d2</td>
<td>Lucia</td>
<td>Giannelli</td>
</tr>
</table>
<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREU MQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.pr otocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)N REUMQ.a();};NREUMQ.a=window.onload;window.onload=N REUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","2a44006d65","2547203","MQAGZEJQV0 ZTW0EKXghKMUJZHl9aQE1YTFAMBBweQFlJ",0,183,new Date().getTime(),"","","","",""]);</script></body>
</html>
oppurecodice:td.222{height:100px; overflow:hidden} /*regola che identifica i "td" con classe "222"*/
Se usi un id:codice:.222{height:100px; overflow:hidden} /*regola che identifica tutti gli elementi (p, h1, ecc.) con classe "222"*/
codice:<td id="myId"></td>N.B.: I nomi delle classi e degli identificatori univoci devono sempre iniziare con una lettera, mai con un numero, e sono case-sensitive.codice:#myId{height:100px; overflow:hidden}
Per completezza:
Identifica tutti i td del documentocodice:td{height:100px; overflow:hidden}
Moooolto interessante, ma io intendevo proprio troncare, non mandare a capo, è possibile cancellare tutto ciò che viene dopo?
Mi spiego meglio, voi mi avete prefissato un'altezza massima ma io volevo una larghezza massima, quindi ho sostituito height con width ma il risultato voluto era che di questa frase venisse per esempio visualizzato solo
"Mi spiego meglio, voi"
e non
"Mi spiego meglio, voi
mi avete prefissato un
'altezza massima ma
io volevo una
larghezza massima, etc."
Mi sono spiegato?
altrimenti potevo tranquillamente scrivere <td width='100'>
Ultima modifica di riccardo1975; 04-11-2013 a 02:41
Prima o poi anch'io vi insegnerò qualcosa
... che poi con height manco funziona in altezza ...
Prima o poi anch'io vi insegnerò qualcosa
...tabelle...
Fai cosi:
codice:.tdDiv{width:100px; height:60px; overflow:hidden} <td><div class="tdDiv">testo lungo</div></td>
Permessi di invio
Rispondi quotando