2011-06-12 2 views
1

je veux quand cliquez sur le texte du code de téléphone il montre la deuxième fourchette d'indice hint2 et quand cliquez sur le numéro de téléphone texte son montrer la première durée d'indice est que possible de faire avec JavaScript seulement ????Remplacer onclick

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>Javascript Change Div InnerHTM</title> 
    <link type="text/css" rel="stylesheet" href="pasha_css/hint.css"></link> 
    <script type="text/javascript" src="pasha_js/hint.js"></script> 
    <link href="pasha_css/main.css" type="text/css" rel="stylesheet" /> 
    </head> 
    <body> 
    <div id="form-item7" class="form-profile"> 
    <label class="form-phone">Phone:</label> 
    <input type="text" name="Phone_code" value="03" class="form-text phonecode " onclick="this.value=''" onselect="this.value=''"></input> 
    <input type="text" name="phone" value="4567890" 
     class="form-text phone" onclick="this.value='';" onselect="this.value=''"></input> 
    <span id="hint1" class="hint">Use Text only please! 
    <span class="hint-pointer">&nbsp;</span> 
    </span> 
    <span id="hint2" class="hint">enter code! 
    <span class="hint-pointer">&nbsp;</span> 
    </span> 
     </div> 
    </body> 
    </html> 
+0

Utilisez jquery, son javascript uniquement. : P –

Répondre

1

Si les éléments de soupçon span sont cachés par défaut (à l'aide display:none) vous pouvez les montrer avec document.getElementById('hintId').style.display = "inline".

Vous voulez probablement le faire dans l'événement onfocus des champs de texte, sinon il ne sera pas déclenché lorsque quelqu'un accède à ce champ avec son clavier (par exemple en utilisant la touche de tabulation). Pour un exemple, voir this fiddle.