Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14

Discussione: JS scritta form vuoto

  1. #1

    JS scritta form vuoto

    ciao amici, come inserisco in JS nel value di un Input, se il form è vuoto una scritta in CORSIVO e di un determinato colore, che al click del form scompaia?


    purtroppo non ho ancora iniziato a studiare js, anche se capisco mi serva, e che aiuti molto il php, sapete aiutatmi?


    grazie in anticipo

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Con i css imposti uno stile (chiamiamolo) di default e al onfocus la cambi o la cancelli* tipo:
    <input name="mioimput" id="mioimput" onfocus="this.className='nuovaclasse'" />
    per eliminare la classe this.className='' svuotando l'elemento della classe (*non sono sicuro che funzioni con IE)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Questa è la casella di testo:
    Codice PHP:
    <input id="text1" style="color: gray; text-style: italic;" value="Inserisci il testo qui" onfocus="clk(tag);" onchange="edit(this);" /> 
    E queste le due funzioni JS:
    Codice PHP:
    function clk(tag)
    {
       
    tag.value="";
       
    tag.style.color "black";
       
    tag.style.textStyle "normal";
    }

    function 
    edit(tag)
    {
      if(
    tag.value == "")
      {
        
    tag.value "Inserisci il testo qui";
        
    colorgray
        
    text-styleitalic;
      }


  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da SoulStorm892
    Codice PHP:
    function edit(tag)
    {
      if(
    tag.value == "")
      {
        
    tag.value "Inserisci il testo qui";
        
    colorgray
        
    text-styleitalic;
      }

    Questa e sbagliata, hai mescolato css con js
    tag.style.color = 'gray';
    tag.style.textStyle = 'italic';
    in oltre è più "leggera" la mia soluzione.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Originariamente inviato da cavicchiandrea
    Questa e sbagliata, hai mescolato css con js
    tag.style.color = 'gray';
    tag.style.textStyle = 'italic';
    in oltre è più "leggera" la mia soluzione.

    solo che non ho capito bene bene il tuo,, potresti postarmi il codice?

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da BOES
    solo che non ho capito bene bene il tuo,, potresti postarmi il codice?
    Della serie nel copia/incolla sono un fenomeno
    codice:
    <style>
    .default{
    	font-weight: normal;
    	color: #C30;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 10px;
    	font-style: italic;
    }
    .normale{
    	font-weight: normal;
    	color: #000;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    }
    </style>
    <body>
    <input id="text1" class="default" value="Inserisci il testo qui" onfocus="this.value='';this.className='normale';" />
    </body>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7

  8. #8
    però, noto che non fa quello che chiedevo,,

    io vorrei che spuntassei il tesoto " INSERISCI TESTO" solo quando il form è vuoto, e no quando il form è pieno, perche io uso una gestione di errori, quindi se ci sono errori riscrivo il form compilato

  9. #9
    ho risolto coon php,, grazie

  10. #10
    Originariamente inviato da SoulStorm892
    Questa è la casella di testo:
    Codice PHP:
    <input id="text1" style="color: gray; text-style: italic;" value="Inserisci il testo qui" onfocus="clk(tag);" onchange="edit(this);" /> 
    E queste le due funzioni JS:
    Codice PHP:
    function clk(tag)
    {
       
    tag.value="";
       
    tag.style.color "black";
       
    tag.style.textStyle "normal";
    }

    function 
    edit(tag)
    {
      if(
    tag.value == "")
      {
        
    tag.value "Inserisci il testo qui";
        
    colorgray
        
    text-styleitalic;
      }

    Chiedo scusa, la prossima volta ricontrollo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.