Discussion :

[imocarpe]

Bonjour,

On va commencer par dire que je suis très néophyte en javascript.

Je suis en train de personnalisé mon thème wordpress, je rencontre un souci au niveau des champs pour la saisie de commentaire. Le rendu que je souhaite est celui d'un imprimé qu'on trouve dans les écoles par exemple :

"Je suis .................... j'habite ............"

J'ai commencer a le faire en css mais il y'a de gros souci pour garder les pointillés alignés avec le texte, surtout d'un navigateur à l'autre.

La solution que j'ai trouver un de mettre une valeur par défaut constituée de points dans les champ.

Les deux premiers champs (nom,emails) ne posent aucun soucis car se sont des valeurs obligatoires, cependant le 3 eme (site web) ne l'ai pas. De ce fait si l'utilisateur ne renseigne pas de site web, les point sont donc pris comme adresse.

Et je me retrouve donc avec les liens du genre " http://........................./" Je voudrais que si le champ n'est pas modifier qu'aucune valeur ne soit poster. Que les points ne soit pas pris en compte au final

Voici le code que j'ai pour mon champ "site web"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<label for="url">et vous pouvez venir voir mon site web &agrave; cette adresse</label> <input type="text" name="url" id="url" value=".................................................................." onblur="if(this.value == '') { this.value= '..................................................................'; }" onclick="this.value = '<?php echo $comment_author_url; ?>' size="20" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />

[gwyohm]

Bonjour et bienvenue sur le forum ;

tu peux enlever les pointillés par javascript au moment où le formulaire est soumis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
function cleanFields() {
  var urlField = document.getElementById('url');
  if(urlField.value == '...') {
    urlField.value = '';
  }
  return true;
}
</script>
<form onsubmit="return cleanFields()">

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(urlField.value == urlField.defaultValue)

[imocarpe]

Merci beaucoup cela marche à merveille.

Voici le script complet que j'ai mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
function cleanFields() {
  var urlField = document.getElementById('url');
   if(urlField.value == urlField.defaultValue) {
    urlField.value = '';
  }
  return true;
}
</script>

et l'appel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform" onsubmit="return cleanFields()" >