[cssdesign] Re: testo con contatore (Citro Antonio)

Giulio Gazzetto Gmail giulio.gazzetto a gmail.com
Ven 3 Feb 2006 12:15:48 CET


Guardando cosi' mi pare che manchi la funzione javascript che ti ho 
mandato nella prima mail:

<script type="text/javascript">
function textCounter(field, countfield, maxlimit) {
    if (field.value.length > maxlimit) {
        field.value = field.value.substring(0, maxlimit);
    }
    else {
        countfield.innerHTML = maxlimit - field.value.length;
    }
}
</script>




in piu' devi modificare questa riga:

<textarea name="extDescription" cols="20" rows="5"></textarea><span id="res_char">160</span>


con questa:

<textarea onkeydown="textCounter(document.frmExContext.extDescription,document.getElementById('res_char'),160);"
          onkeyup="textCounter(document.frmExContext.extDescription,document.getElementById('res_char'),160);" 
          name="extDescription" 
          cols="20" 
          rows="5"></textarea><span id="res_char">160</span>





>
> Message: 1
> Date: Fri, 3 Feb 2006 10:11:04 +0100
> From: "Citro Antonio" <ACitro a SVILUPPOITALIA.IT>
> Subject: R: [cssdesign] Re: testo con contatore (Citro Antonio)
> 	[Completamento	del messaggio di poco fa]
> To: "cssdesign: tecnica e design ma con un occhio al mondo reale"
> 	<cssdesign a itlists.org>
> Message-ID:
> 	<38D5EB60D9395248BBE6D7B43E83FF8908A5594D a sviluppoitalia.it>
> Content-Type: text/plain; charset="iso-8859-1"
>
> Ciao Giulio,
> ti invio in allegato il codice.
> Ora seguendo la tua ulteriore e preziosa indicazione ho ottenuto il numero di caratteri a lato del box text area ma non decresce inserendo caratteri.
>
> come sempre, ti ringrazio molto
>
> antonio 
>
> -----Messaggio originale-----
> Da: cssdesign-bounces a itlists.org [mailto:cssdesign-bounces a itlists.org] Per conto di Giulio Gazzetto Gmail
> Inviato: venerdý 3 febbraio 2006 8.56
> A: cssdesign a itlists.org
> Oggetto: [cssdesign] Re: testo con contatore (Citro Antonio) [Completamento del messaggio di poco fa]
>
> Prova a sostituire tutto il blocco:
>
> <script type="text/javascript">
> document.write("Hai ancora  <br /><b><span id="res_char">160</span></b><br /> caratteri."); </script><noscript> Hai a disposizione<br /> <span class="nero14"><b>160</b></span><br /> caratteri.<br /> </noscript>
>
>
> con solo:
>
> <span id="res_char">160</span>
>
>
>
>
> Non importa se nel css non hai definito nessuna classe per questo elemento, non ne compromette la visualizzazione.
>
>
> Se hai ancora problemi, ti chiderei di inviarmi tutto il codice della 
> tua pagina in modo da poterci lavorare direttamente e trovare una soluzione.
>
>
>
> Ciao.
> Giulio
>
>   
>> Message: 1
>> Date: Thu, 2 Feb 2006 12:24:05 +0100
>> From: "Citro Antonio" <ACitro a SVILUPPOITALIA.IT>
>> Subject: R: [cssdesign] Re: testo con contatore (Citro Antonio)
>> To: "cssdesign: tecnica e design ma con un occhio al mondo reale"
>> 	<cssdesign a itlists.org>
>> Message-ID:
>> 	<38D5EB60D9395248BBE6D7B43E83FF8908A55944 a sviluppoitalia.it>
>> Content-Type: text/plain; charset="iso-8859-1"
>>
>> Ciao Giulio,
>> ho fatto le modifiche che mi hai detto ed ho inserito nell'xslt la seguente chiamata:
>> <script type="text/javascript">
>> document.write("Hai ancora  <br /><b><span id="res_char">160</span></b><br /> caratteri.");
>> </script><noscript>
>> Hai a disposizione<br />
>> <span class="nero14"><b>160</b></span><br />
>> caratteri.<br />
>> </noscript>
>>  
>> Ora per˛ non ho pi¨ problemi con il file perchŔ Jedit (il programma che utilizzo per la modifica dei fiel xslt) mi salva il file senza errori ma in front end non viene visualizzato il box.
>> mi Ŕ sorto un dubbio:
>> ma nel mio foglio di stile io non ho la classe "id="res_char", potrebbe essere questo un problema?
>>  
>> grazie per la tua pazienza.
>>  
>> ciao antonio
>>
>> ________________________________
>>
>> Da: cssdesign-bounces a itlists.org [mailto:cssdesign-bounces a itlists.org] Per conto di Giulio Gazzetto Gmail
>> Inviato: mercoledý 1 febbraio 2006 17.51
>> A: cssdesign a itlists.org
>> Oggetto: [cssdesign] Re: testo con contatore (Citro Antonio)
>>
>>
>>
>>
>> 	Message: 1
>> 	Date: Wed, 01 Feb 2006 12:13:14 +0100
>> 	From: Giulio Gazzetto Gmail <giulio.gazzetto a gmail.com> <mailto:giulio.gazzetto a gmail.com> 
>> 	Subject: [cssdesign] Re: testo con contatore (Citro Antonio)
>> 	To: cssdesign a itlists.org
>> 	Message-ID: <43E097CA.1060006 a gmail.com> <mailto:43E097CA.1060006 a gmail.com> 
>> 	Content-Type: text/plain; charset=ISO-8859-1; format=flowed
>> 	
>> 	  1. testo con contatore (Citro Antonio)
>> 	
>> 	  
>>
>> 		----------------------------------------------------------------------
>> 		
>> 		Message: 1
>> 		Date: Tue, 31 Jan 2006 16:55:44 +0100
>> 		From: "Citro Antonio" <ACitro a SVILUPPOITALIA.IT> <mailto:ACitro a SVILUPPOITALIA.IT> 
>> 		Subject: [cssdesign] testo con contatore
>> 		To: <cssdesign a itlists.org> <mailto:cssdesign a itlists.org> 
>> 		Message-ID:
>> 			<38D5EB60D9395248BBE6D7B43E83FF8908A55932 a sviluppoitalia.it> <mailto:38D5EB60D9395248BBE6D7B43E83FF8908A55932 a sviluppoitalia.it> 
>> 		Content-Type: text/plain; charset="iso-8859-1"
>> 		
>> 		Ciao a tutti,
>> 		avrei bisogno del vostro aiuto.
>> 		Ho una scheda di registrazione e una delle voci Ŕ un campo testo libero.
>> 		Mi hanno chiesto di inserire un contatore a lato del box che indichi il numero max di caratteri e che scali quando si inserisce del testo.
>> 		
>> 		Attualmente la chiamata che ho inserito Ŕ:
>> 		<label for="testo" valign="top">Testo</label><br />
>> 		<textarea name="extDescription" cols="20" rows="5"></textarea>
>> 		
>> 		come posso modificare la chiamata alla textarea?
>> 		
>> 		grazie in anticipo.
>> 		
>> 		antonio
>> 		
>> 		    
>>
>> 	
>> 	io per fare questo controllo sulla textarea uso questo codice:
>> 	
>> 	
>> 	<script type="text/javascript">
>> 	function textCounter(field, countfield, maxlimit) {
>> 	    if (field.value.length > maxlimit) {
>> 	        field.value = field.value.substring(0, maxlimit);
>> 	    }
>> 	    else {
>> 	        countfield.innerHTML = maxlimit - field.value.length;
>> 	    }
>> 	}
>> 	</script>
>> 	
>> 	
>> 	<textarea name="par" cols="63" rows="3" wrap="virtual" 
>> 	onkeydown="textCounter(document.send_comment.par,document.getElementById('res_char'),160);" 
>> 	onkeyup="textCounter(document.send_comment.par,document.getElementById('res_char'),160);" 
>> 	 ></textarea>          <script type="text/javascript">
>> 	document.write("Hai ancora  <br /><b><span class=\"nero14\" 
>> 	id=\"res_char\">160</span></b><br /> caratteri.");
>> 	</script>
>> 	<noscript>
>> 	Hai a disposizione<br />
>> 	<span class="nero14"><b>160</b></span><br />
>> 	caratteri.<br />
>> 	</noscript>
>> 	
>> 	
>> 	
>> 	
>> 	spero ti sia utile.
>> 	
>> 	
>> 	Ciao
>> 	Giulio
>> 	
>> 	
>> 	------------------------------
>> 	
>> 	Message: 2
>> 	Date: Wed, 1 Feb 2006 13:15:25 +0100
>> 	From: "Citro Antonio" <ACitro a SVILUPPOITALIA.IT> <mailto:ACitro a SVILUPPOITALIA.IT> 
>> 	Subject: R: [cssdesign] Re: testo con contatore (Citro Antonio)
>> 	To: "cssdesign: tecnica e design ma con un occhio al mondo reale"
>> 		<cssdesign a itlists.org> <mailto:cssdesign a itlists.org> 
>> 	Message-ID:
>> 		<38D5EB60D9395248BBE6D7B43E83FF8908A55938 a sviluppoitalia.it> <mailto:38D5EB60D9395248BBE6D7B43E83FF8908A55938 a sviluppoitalia.it> 
>> 	Content-Type: text/plain; charset="iso-8859-1"
>> 	
>> 	Ciao Giulio, grazie per il tuo suggerimento.
>> 	Ho inserito il codice che mi hai suggerito ma salvando il file xsl dove Ŕ disegnato la scheda contenente il box del testo, ci sno problemi con questa parte del codice <span class=\"nero14\" id=\"res_char\">, ho provato ad eliminarla ma non viene visualizzato il contatore dei caratteri in front end.
>> 	
>> 	Come posso risolvere il problema?
>> 	
>> 	 
>> 	grazie per le tue indicazioni.
>> 	
>> 	antonio
>> 	
>> 	-----Messaggio originale-----
>> 	Da: cssdesign-bounces a itlists.org [mailto:cssdesign-bounces a itlists.org] Per conto di Giulio Gazzetto Gmail
>> 	Inviato: mercoledý 1 febbraio 2006 12.13
>> 	A: cssdesign a itlists.org
>> 	Oggetto: [cssdesign] Re: testo con contatore (Citro Antonio)
>> 	
>> 	  1. testo con contatore (Citro Antonio)
>> 	  
>>
>>
>> Ciao Antonio,
>> per aiutarti con precisione sarebbe utile sapere esattamente che errore ti da l'xsl.
>> Se elimini lo <span> e' giusto che non veda piu' il contatore dei caratteri, in quanto la funzione javascript va a modificare
>> il contenuto html dell'elemento con id = res_char.
>>
>> Questa parte di codice:
>>
>> <script type="text/javascript">
>> document.write("Hai ancora  <br /><b><span class=\"nero14\" 
>> id=\"res_char\">160</span></b><br /> caratteri.");
>> </script><noscript>
>> Hai a disposizione<br />
>> <span class="nero14"><b>160</b></span><br />
>> caratteri.<br />
>> </noscript>
>> l'ho scritta in modo che anche le persone che hanno i javascript disabilitati vedano che hanno a disposizione un massimo di 160 caratteri, ma non e' necessaria, puoi sostituirla con un semplicissimo <span id=res_char>160</span>.
>>
>> Fammi sapere.
>>
>>
>>
>> Ciao, 
>> Giulio
>>     
> _______________________________________________
> cssdesign mailing list
> cssdesign a itlists.org
> http://itlists.org/mailman/listinfo/cssdesign
> -------------- parte successiva --------------
> <?xml version='1.0'?>
> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
> <xsl:import href="lib.xsl"/>
> <xsl:import href="../../libxslt/translation.xsl"/>
> <xsl:output method="html" version="4.0" indent="yes"/>
> <xsl:template match="/*">
>
> <script language="JavaScript" type="text/JavaScript">
> <![CDATA[
> 	function doSub(){
> 		if(document.forms['frmExContext'].COL0003.value.length>0 || document.forms['frmExContext'].COL0004.value.length>0 || document.forms['frmExContext'].COL0005.value.length>0){
> 			
> 			if(document.forms['frmExContext'].COL0006[0].checked==true || document.forms['frmExContext'].COL0006[1].checked==true || document.forms['frmExContext'].COL0006[2].checked==true || document.forms['frmExContext'].COL0006[3].checked==true) {
> 				
> 				if(document.forms['frmExContext'].title.value.length>0){
> 				
> 					document.forms['frmExContext'].submit();
> 				}
> 				else alert(document.forms['frmExContext'].tradtxttitoloann.value);
> 	//			else alert("Il Campo Oggetto Ŕ obbligatorio"); 
> 			}
> 			else alert(document.forms['frmExContext'].tradtxttipoann.value);
> //			else alert("La tipologia di Annuncio Ŕ obbligatoria"); 
> 		}
> 		else alert(document.forms['frmExContext'].tradtxtrecapito.value);
> //		else alert("E' necessario inserire almeno un recapito");
> 	}
> ]]>
> </script>						
> <form class="autore" name="frmExContext" method="POST">
> <xsl:attribute name="action">step2.jsp?_sys_idArea=<xsl:value-of select="./@idArea"/>&amp;_sys_id_Schema=<xsl:value-of select="./@id-Schema"/>&amp;_sys_idShowcase=<xsl:value-of select="./@id-showcase"/></xsl:attribute>
> <input type="hidden" name="debug" value="true"/>
> <input type="hidden" name="_sys_ContextID">
> <xsl:attribute name="value"><xsl:value-of select="/*/@context-id"/></xsl:attribute>
> </input> 
> <xml id="msworking"></xml>
>
> <!-- Campo data nascosto -->
> <input type="hidden" name="COL0004">
> <xsl:attribute name="value"><xsl:value-of select="/EXT/COL0004"/></xsl:attribute>
> </input> 
>
> <label for="titolo">Titolo</label><br />
> <input type="text" name="title" id="testo" tabindex="2" size="20" maxlength="32" accesskey="a" /><br /><br />
> <xsl:for-each select="*">
> <xsl:if test="name(.)!='translations'">
> <xsl:if test="name(.)!='COL0004'">
> 	<label for="autore"><xsl:value-of disable-output-escaping="yes" select="@title"/></label><br />
> 	 <xsl:call-template name="drawField">
> 		<xsl:with-param name="fieldname" select="name(.)"/>
> 		<xsl:with-param name="fieldtype" select="@type"/>
> 		<xsl:with-param name="fieldvalue" select="."/>
> 		<xsl:with-param name="fielddesc" select="@title"/>
> 		<xsl:with-param name="required">
> 		<xsl:choose> 
> 		<xsl:when test="boolean(@required) = true"><xsl:value-of select="@required"/></xsl:when>
> 		<xsl:otherwise>no</xsl:otherwise>
> 		</xsl:choose>
> 		</xsl:with-param>
> 	 </xsl:call-template>			
> <br /><br />
> </xsl:if>
> </xsl:if>	
> </xsl:for-each>
> <label for="testo" valign="top">Testo</label><br />
> <textarea name="extDescription" cols="20" rows="5"></textarea><span id="res_char">160</span>
>
> <br /><br />	
>
> <input type="submit" name="_sys_btnSubmit" value="Inserisci"/>	
>
>   
> <!-- Messaggi di ALERT con traduzioni -->
> <input type="hidden" name="tradtxtrecapito">
> <xsl:attribute name="value">
> <xsl:call-template name="getTranslation">
> 	<xsl:with-param name="KeyWord" select="'alert-recapito-obbligatorio'"/>
> 	<xsl:with-param name="tranlationsNode" select="/EXT/translations"/>
> </xsl:call-template>
> </xsl:attribute>
> </input>
>
> <input type="hidden" name="tradtxttipoann">
> <xsl:attribute name="value">
> <xsl:call-template name="getTranslation">
> 	<xsl:with-param name="KeyWord" select="'alert-tipoann-obbligatorio'"/>
> 	<xsl:with-param name="tranlationsNode" select="/EXT/translations"/>
> </xsl:call-template>
> </xsl:attribute>
> </input>
> <input type="hidden" name="tradtxttitoloann">
> <xsl:attribute name="value">
> <xsl:call-template name="getTranslation">
> 	<xsl:with-param name="KeyWord" select="'alert-titoloann-obbligatorio'"/>
> 	<xsl:with-param name="tranlationsNode" select="/EXT/translations"/>
> </xsl:call-template>
> </xsl:attribute>
> </input>
> </form>
> 						
> 					
>
>
>
>
> </xsl:template>
> <xsl:template name="a"><xsl:text disable-output-escaping="yes"><![CDATA[&agrave;]]></xsl:text></xsl:template>
> <xsl:template name="amp"><xsl:text disable-output-escaping="yes"><![CDATA[&amp;]]></xsl:text></xsl:template>
> <xsl:template name="space"><xsl:text disable-output-escaping="yes"><![CDATA[&nbsp;]]></xsl:text></xsl:template>
> </xsl:stylesheet>
>
> ------------------------------
>
> Message: 2
> Date: Fri, 03 Feb 2006 11:39:44 +0100
> From: Katya Vettorello <ka.training a gmail.com>
> Subject: [cssdesign] Definire il colore dell'outset
> To: cssdesign <cssdesign a itlists.org>
> Message-ID: <43E332F0.2090902 a gmail.com>
> Content-Type: text/plain; charset=ISO-8859-15; format=flowed
>
> Ciao a tutti :)
> E' possibile specificare il colore dello style outset dei bordi?
> PerchŔ ho visto che dando un colore del tipo:
>
> .bordo { border: 3px outset #7B693E; }
>
> non riesco ad avere un controllo preciso su quello che sarÓ il risultato.
> E' possibile definirlo?
>
> Grazie mille
>
>
> ------------------------------
>
> Message: 3
> Date: Fri, 3 Feb 2006 11:48:14 +0100
> From: Hedo <gianni.vascellari a gmail.com>
> Subject: Re: [cssdesign] Thumb immagine + zoom
> To: "cssdesign: tecnica e design ma con un occhio al mondo reale"
> 	<cssdesign a itlists.org>
> Message-ID:
> 	<7c33b6e30602030248t7797243aqff748ed0a30b2fcb a mail.gmail.com>
> Content-Type: text/plain; charset="iso-8859-1"
>
> Ho risolto in parte perche IE mi mette il div con la gif al di fuori
> del box (VEDI ALLEGATO)
>
> div.box_photo {
> 	border: 1px solid #D0DBDE;
> 	position:relative;
> }
>
> div.box_photo .zoom_photo {
> 	position: absolute;
> 	height: 31px;
> 	width: 31px;
> 	right: 0px;
> 	bottom: 0px; /* qui l'errore */
> 	background: url(img/icon_zoom.gif) no-repeat;
> }
> div.box_photo .zoom_photo span {
> 	display: none;
> }
>
> HTML:
> <div class="box_photo">
> <img src="public/prd_img/prd_prova.jpg" alt="" width="132" height="98"
> class="photo" />
> <a href="zoom.asp" class="zoom_photo" title="Ingrandisci
> foto"><span>Ingrandisci</span></a>
> </div>
>
>
> On 2/2/06, Jonathan Stoppani <st.jonathan a gmail.com> wrote:
>   
>> Se il div.box_photo si adatta alla dimensioni dell'immagine basta
>> dargli position:relative e poi poszionare in absolute il
>> div.zoom_photo, dove sta il problema?
>>
>> Piccolo consiglio:
>> Sostituisci <div class="zoom_photo"><img src="img/icon_zoom.gif"
>> alt="Zoom" /></div>
>> con <a href="zoom.html" class="zoom_photo"><span>Ingrandisci</span></
>> a> ed in seguito nascondi il testo e metti l'immagine della lente
>> come sfondo ;)
>>
>> Jonathan Stoppani
>>     
> -------------- parte successiva --------------
> Un allegato non testuale Ŕ stato rimosso....
> Nome:        errore.jpg
> Tipo:        image/jpeg
> Dimensione:  24337 bytes
> Descrizione: non disponibile
> Url:         http://itlists.org/pipermail/cssdesign/attachments/20060203/8d58d9b1/errore.jpg
>
> ------------------------------
>
> _______________________________________________
> cssdesign mailing list
> cssdesign a itlists.org
> http://itlists.org/mailman/listinfo/cssdesign
>
> Fine di Digest di cssdesign, Volume 15, Numero 7
> ************************************************
>
>   
-------------- parte successiva --------------
Un allegato HTML Ŕ stato rimosso...
URL: http://itlists.org/pipermail/cssdesign/attachments/20060203/10a58119/attachment.htm 


Maggiori informazioni sulla lista cssdesign