| Precedente :: Successivo |
| Autore |
Messaggio |
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
 Inviato: 27 Mar 2007 18:01 Oggetto: * Javascript per testo alternativo |
 |
|
Ciao a tutti, in particolare a quelli che mi conoscono.
Esiste, e se esiste dove posso trovarlo o qual è, un javascript che, invece di aprire la modesta finestra di default per il testo alternativo (su link, immagini ec. GIA' ESISTENTI) dia un effetto grafico più elegante e magari gestibile nei colori, nel font ecc?
Grazie anticipatamente.
Grazie a grappoli...  |
|
| Top |
|
 |
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 27 Mar 2007 18:12 Oggetto: |
|
|
Certo:
nicetitle
qTip
nicer titles
semplicemente devi includere il js nell'head, e tutto quello che devi fare e scrivere l'attributo TITLE dei link, poi lo formatti con i CSS.
Oltretutto è unobtrusive, ossia in mancanza di javascript si presenteranno i normali title gestiti dal browser secondo il default di visualizzazione |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 27 Mar 2007 18:23 Oggetto: Javascript nice title |
|
|
Ciao Kluster.
Grazie.
Un abbraccio |
|
| Top |
|
|
chemicalbit
Dio maturo
Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano
|
| Inviato: 27 Mar 2007 19:30 Oggetto: Re: Javascript per testo alternativo |
|
|
| mirrors ha scritto: | | invece di aprire la modesta finestra di default per il testo alternativo (su link, immagini ec. GIA' ESISTENTI) |
Testo alternativo = ?
(non sarà una cosa socio-politica, spero  ) |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 28 Mar 2007 09:41 Oggetto: |
|
|
testo alternativo sarebbe identificato dall'attributo ALT degli elementi html
<img>, poi ci sarebbe l'altro attributo TITLE che puo' essere attribuito a tanti altri TAG (credo che il TITLE si possa attribuire a quasi tutti i tag in teoria) ed è appunto un titolo che si attribuisce ad un elemento ( di solito viene usato principalmente per IMG, A, INPUT)
Poi un implementazione errata (l'ennesima) di Internet Explorer mostra il testo alternativo ALT quando si passa sopra ad un immagine, mentre la corretta implementazione sarebbe quella di mostrare il tag TITLE e mostrare invece il tasto ALT solo in presenza di Text Browser (come lynx ad esempio) o con immagini disabilitate |
|
| Top |
|
|
chemicalbit
Dio maturo
Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano
|
| Inviato: 28 Mar 2007 09:59 Oggetto: |
|
|
E' vero ..... |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 28 Mar 2007 12:31 Oggetto: |
|
|
| kluster ha scritto: | Certo:
nicetitle
qTip
nicer titles
semplicemente devi includere il js nell'head, e tutto quello che devi fare e scrivere l'attributo TITLE dei link, poi lo formatti con i CSS.
Oltretutto è unobtrusive, ossia in mancanza di javascript si presenteranno i normali title gestiti dal browser secondo il default di visualizzazione |
Scusa se ti rompo ancora.
Ho scaricato qTip (le altre mi davano errore nel download) ma, in una pagina così:
| Codice: | <?php
/*
// [layout]
$layout = "_default";
$logo = THEME."images/bullet3.gif";
$HEADER =
"<table style='width:100%' cellspacing='0' cellpadding='0' bgcolor='#02045A'>
<tr>
<td style='text-align:left;height:66px;'><a name='antea'>
{LOGO}
</td>
<td style='text-align:right;vertical-align:middle;width:468px;'>
{BANNER}
</td>
</tr>
<tr>
<td style='text-align:center;color:White;letter-spacing:1px' colspan='2'><font size='2'></a>EVULON: Portale sull'IMMAGINARIO COLLETTIVO</td>\n
</tr>
<tr>
<td colspan='2'>
<table border='0' width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='sfondoMenu'> <a href='/sitemap.php' class='menu' title='La Mappa di Evulon per meglio orientarsi in questo Portale davvero molto complesso'>Mappa sito</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.3' class='menu' title='Poesie, inedite e non, di grandi Autori'>Poesia</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.6' class='menu'>Politica</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.37' class='menu'>Pittura</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.230' class='menu'>Eros</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.1' class='menu' title='Approfondimenti su vari argomenti. Sempre di alto livello'>Approfondire</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.39' class='menu' title='Uno dei pezzi forti di Evulon grazie soprattutto ad HRouge'>Satira</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.231' class='menu' title='Articoli, Saggi, Download - Tutto ciò che può essere interessante nel campo musicale'>Musica</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.75' class='menu' title='La principale ragione di esistere di Evulon. Ciò che fa parte dei Miti collettivi, studiati e approfonditi'>Immaginario</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.50' class='menu' title='Servizi di varia natura, dal Webdesign al Webmastering e altro'>Servizi</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan='2'>
<table border='0' width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='sfondoMenu'> <a href='http://www.evulon.net/sonerie.htm' class='menu'>Sonerie</a></td>
<td class='sfondoMenu'><a href='/forum.php' class='menu' title='Numerosi Argomenti da poter sviluppare e su cui potersi confrontare'>Forum</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.13' class='menu' title='Idee sul Web. Sviluppo ma anche atteggiamento critico e denuncia'>Il WEB</a></td>
<td class='sfondoMenu'><a href='http://www.karenvanderherma.net/kids/main.htm' target='_blank' class='menu' title='Alcune pagine di giochi didattici per ragazzi dai 4 ai 6-7 anni, con la guida di mamma e papà'>Per Bimbi</a></td>
<td class='sfondoMenu'><a href='http://www.mobydyck.net/oroscopovero.html' target='_blank' class='menu' title='Consultate gli Oroscopi, non solo quello Zodiacale ma anche quello pellerossa, indiano, celtico'>Oroscopi</a></td>
<td class='sfondoMenu'><a href='/content.php?article.cat.29' class='menu' title='Produzione originale, spesso inedita ma di gran valore. Molto selezionati'>Racconti</a></td>
<td class='sfondoMenu'><a href='http://www.evulon.net/preinviosms.htm' target='_blank' class='menu'>SMS</a></td>
<td class='sfondoMenu'><a href='/content.php?review' class='menu' title='Veri e propri Saggi di svariati autori anche di fama internazionale'>Opinioni</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table style='width:100%' cellspacing='0'>
<tr>
<td style='width:20%; vertical-align: top;'>
{SITELINKS=menu}
{MENU=1}
</td>
<td style='width:60%; vertical-align: top;'>";
$FOOTER =
"</td><td style='width:20%; vertical-align:top'>
{MENU=2}
</td>
</tr>
</table>
<div style='text-align:center;'>
<table style='width:60%'>
<tr>
<td style='width:33%; vertical-align:top'>
{MENU=4}
</td>
<td style='width:33%; vertical-align:top'>
{MENU=3}
</td>
<td style='width:33%; vertical-align:top'>
{MENU=5}
</td>
</tr>
</table>
</div>
<div style='color: black; padding-left: 10%; padding-right: 10%; text-align: center;'>
{SITEDISCLAIMER}
{THEMEDISCLAIMER}
</div>";
function rand_tag(){
$tags = file(e_FILE."taglines.txt");
return stripslashes(htmlspecialchars($tags[rand(0, count($tags))]));
}
// [newsstyle]
$NEWSSTYLE = "
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='".THEME."images/blank.gif' width='14' height='29' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
{NEWSTITLE}
</td>
<td class='captionend'><img src='".THEME."images/blank.gif' width='12' height='29' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='".THEME."images/blank.gif' width='1' height='29' alt='' style='display: block;' /></td>
<td class='captionright'><img src='".THEME."images/blank.gif' width='12' height='29' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='".THEME."images/blank.gif' width='8' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
{NEWSICON}
{NEWSBODY}
{EXTENDED}
<div class='alttd' style='text-align:right'>
Posted by
{NEWSAUTHOR}
on
{NEWSDATE}
|
{NEWSCOMMENTS}
|
{EMAILICON}
{PRINTICON}
<a href='#antea'><img src='http://www.evulon.net/e107_images/freccia.gif' border='0' alt='Torna su'></a>
</div>
</td>
<td class='bodyright'><img src='".THEME."images/blank.gif' width='10' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0' style='margin-bottom: 9px;'>
<tr>
<td class='bottomleft'><img src='".THEME."images/blank.gif' width='9' height='12' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='".THEME."images/blank.gif' width='1' height='12' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='".THEME."images/blank.gif' width='13' height='12' alt='' style='display: block;' /></td>
</tr>
</table>
</div>";
define("ICONSTYLE", "float: left; border:0");
define("COMMENTLINK", "Leggi/Posta Commenti: ");
define("COMMENTOFFSTRING", "Comments are turned off for this item");
define("PRE_EXTENDEDSTRING", "<br /><br />[ ");
define("EXTENDEDSTRING", "Continua ...");
define("POST_EXTENDEDSTRING", " ]<br />");
// [linkstyle]
define(PRELINK, "");
define(POSTLINK, "");
define(LINKSTART, "<img src='".THEME."images/bullet2.gif' alt='bullet' /> ");
define(LINKEND, "<br />");
define(LINKDISPLAY, 2);
define(LINKALIGN, "left");
// [tablestyle]
function tablestyle($caption, $text){
global $style;
// echo "Mode: ".$style;
echo "
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='".THEME."images/blank.gif' width='14' height='29' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>".$caption."</td>
<td class='captionend'><img src='".THEME."images/blank.gif' width='12' height='29' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='".THEME."images/blank.gif' width='1' height='29' alt='' style='display: block;' /></td>
<td class='captionright'><img src='".THEME."images/blank.gif' width='12' height='29' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='".THEME."images/blank.gif' width='8' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>".$text."</td>
<td class='bodyright'><img src='".THEME."images/blank.gif' width='10' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0' style='margin-bottom: 9px;'>
<tr>
<td class='bottomleft'><img src='".THEME."images/blank.gif' width='9' height='12' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='".THEME."images/blank.gif' width='1' height='12' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='".THEME."images/blank.gif' width='13' height='12' alt='' style='display: block;' /></td>
</tr>
</table>
";
}
/*
$POLLSTYLE = <<< EOT
<b>Poll: {QUESTION}</b>
<br /><br />
{OPTIONS=<div class='alttd'>OPTION</div>BAR<br /><span class='smalltext'>PERCENTAGE VOTES</span><br />\n}
<div style='text-align:center' class='smalltext'>{VOTE_TOTAL} {COMMENTS}
<br />
{OLDPOLLS}
</div>
EOT;
*/
$CHATBOXSTYLE = "
<table class='alttd' style='width:100%'><tr>
<td class='mediumtext'><img src='".THEME."images/bullet2.gif' alt='bullet' /> <b>{USERNAME}</b></td>
<td class='smalltext' style='text-align:right'>{TIMEDATE}</td>
</tr></table>
{MESSAGE}
";
$COMMENTSTYLE = "
<div style='text-align:center'>
<table style='width:100%'>
<tr>
<td colspan='2' class='alttd'>
<img src='".THEME."images/bullet2.gif' alt='bullet' />
<b>
{USERNAME}
</b>
|
{TIMEDATE}
</td>
</tr>
<tr>
<td style='width:30%; vertical-align:top'>
<div class='spacer'>
{AVATAR}
</div>
<span class='smalltext'>
{COMMENTS}
<br />
{JOINED}
</span>
</td>
<td style='width:70%; vertical-align:top'>
{COMMENT}
</td>
</tr>
</table>
</div>
<br />";
?> |
dove lo metto il javascript? E il css?
Non posso richiamarli come file esterni e, in tal caso, come faccio?
Tieni conto che il tema ha già un suo style.css.
Insomma, io non son proprio capace, se mi dài lumi, li vado a vendere ehmmm, no, sarebbe meglio.
Si vede che non sei sposato e non hai bambini.
Ecco: fa finta di esserlo e di avere un bimbo appena svezzato: imboccalo passo passo.
Scusa per 'o scassamient'ecazz..
Ti abbraccio.
Giorgio |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 28 Mar 2007 12:51 Oggetto: |
|
|
metti tutto nella HEAD del CMS, chiami lo qtipstyle.css
e ci incolli
| Codice: |
div#qTip {
padding: 3px;
border: 1px solid #666;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #999;
color: #FFF;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
}
|
e poi
<link rel="stylesheet" href="/qtip.css" media="all" />
se trovi problemi prendi lo style.css ed accodi l'ultima classe in fondo
logicamente poi personalizzi tutti i parametri secondo la grafica del tuo style
Stessa cosa fai per lo script, prendi questo
lo salvi sulla root del tuo server e metti
nella head ci metti
<script type="text/javascript" src="/qTip.js"> </script>
se anche qui sei ti ci incasini male che vada prendi uno script js che è gia' incluso nel cms e in fondo incolli il codice contenuto in qTip.js
APPUNTO: con qtip puoi inserire nel title anche tag HTML ma per la validazione ricordati che vanno escapati quindi per esempio
<i> diventa <i > e </i> diventa </i> o ad esempio un <br /> per mandare a capo diventa <br /> ( <br> se il tag è html4 ossia <br> senza slash).
Conta cmq che in presenza di js disabilitato nel title appariranno visualizzati i tag in puro testo (quindi al passaggio del mouse sul link apparira' la scritta a comparsa (faccio un esempio)Visita<br>il nostro sito) Valuta se è il caso. |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 28 Mar 2007 23:48 Oggetto: Javascript e css |
|
|
Ste', sei una favola.
Tanto se sfascio tutto mi rifai tutto tu daccapo..
No?
E io alle prossime elezioni voto Berlusconi 
Ti abbraccio.
Giorgio |
|
| Top |
|
|
chemicalbit
Dio maturo
Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano
|
| Inviato: 29 Mar 2007 00:12 Oggetto: |
|
|
Che c'entra Berlusconi? |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 29 Mar 2007 00:38 Oggetto: J.css e lui |
|
|
Il presidente operaio c'entra sempre.
8) |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 29 Mar 2007 02:28 Oggetto: Re: J.css e lui |
|
|
| mirrors ha scritto: | Il presidente operaio c'entra sempre.
8) |
ma fai una capatina anche qui dai se t'avanzadumenuti o caro, si discorre di Dorian, appunto, glisiliscia la pelata. |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 03 Apr 2007 01:52 Oggetto: Sempre Javascript per testo alternativo |
|
|
Caro kluster.
Non sono riuscito a cominare un bel niente. 
Non ho un tag head dove mettere il javascript.
E ora?
Come faccio?
Abbi, come sempre, pazienza.
La pagina del template te l'ho mandata.
Ho visto nell'index.php
non ho trovato nessun file tipo header.php dove infilare il Javascript.
Ci vuole un ' 
Ma quale?
Un caro abbraccio
Giorgio |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 03 Apr 2007 09:30 Oggetto: |
|
|
prendi il codice di qtip.js ed accodalo a questo file o al js dell'orologio
Stessa cosa per il css, prendi questo o questo o quest'altro ancora, e ci accodi la rules per DIV#qtip |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 03 Apr 2007 15:59 Oggetto: Grazie |
|
|
| kluster ha scritto: | prendi il codice di qtip.js ed accodalo a questo file o al js dell'orologio
Stessa cosa per il css, prendi questo o questo o quest'altro ancora, e ci accodi la rules per DIV#qtip |
Grazie kluster.
Sono proprio una zucca vuota.
Un abbraccio
Giorgio |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 03 Apr 2007 16:02 Oggetto: |
|
|
| Figurati, fammi sapere se ce l'hai fatta ad implementare tutto |
|
| Top |
|
|
mirrors
Mortale adepto
Registrato: 20/03/06 17:06
Messaggi: 33
|
| Inviato: 08 Apr 2007 22:09 Oggetto: Re: Grazie |
 |
|
| mirrors ha scritto: | | kluster ha scritto: | prendi il codice di qtip.js ed accodalo a questo file o al js dell'orologio
Stessa cosa per il css, prendi questo o questo o quest'altro ancora, e ci accodi la rules per DIV#qtip |
Grazie kluster.
Sono proprio una zucca vuota.
Un abbraccio
Giorgio |
Ciao.
BUONA PASQUA A TUTTI.
Il tuo consiglio, kluster ha funzionato alla perfezione tranne che l'script non funziona sulle immagini ma solo sui link.
Ho provato a creare un link fittizio tipo:
| Codice: | | <a href=""><img src="http://miosito.com/immagine.jpg" title="mia immagine"></a> |
ma non viene mostrata la finestra come da javascript ma quella di default di windows.
Ma, allafine non è importantissimo.
Se hai qualche idea bene, altrimenti non fa nulla.
Un abbraccione |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
