Se connecter / S'enregistrer

Résolu Effacement champ PHP

Solutions (2)
Tags :
  • Php
  • Email
  • Echo
|
Bonjour,

Je débute en php et j'essaie de modifier un formulaire de contact pour un site. Je souhaiterai que les champs efface le contenu lorsque l'on clique dessus pour le compléter. C'est au niveau du champ "votre email" et "votre message" que ça coince, le contenu ne s'efface pas. Quelqu'un à une idée de mon erreur. Un Grand Merci.

Voici mon code :

  1. <?php
  2. $bp_myOptions = get_option('bp_framework');
  3. $meta = get_post_meta($post->ID,'metas',true);
  4. $thumbnail_object = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
  5.  
  6. ?>
  7.  
  8.  
  9. <?php if(!empty($meta['page_title'])) { ?>
  10.  
  11. <div id="<?php echo the_slug(); ?>"class="page_title">
  12. <div class="container">
  13. <div class="row">
  14. <div class="span12">
  15. <h1><?php echo $meta['page_title']; ?></h1>
  16. </div>
  17. </div><!--row-->
  18. </div><!--container-->
  19. </div><!--page_title-->
  20.  
  21. <?php }?>
  22.  
  23. <div <?php if(empty($meta['page_title'])) { ?> id="<?php echo the_slug(); ?>" <?php }?>class="section" <?php if(!empty($thumbnail_object[0])) {?> style="background:url('<?php echo $thumbnail_object[0] ?> ') <?php }?> ; background-size:cover; ">
  24. <div class="container">
  25. <div class="row">
  26.  
  27.  
  28. <?php the_content(); ?>
  29.  
  30.  
  31.  
  32. <?php if(isset($emailSent) && $emailSent == true) { ?>
  33.  
  34. <div class="thanks">
  35. <h1>Merci, <?php $name;?></h1>
  36. <p>Nous avons bien reçu votre message. Nous y répondrons au plus vite.</p>
  37. </div>
  38.  
  39. <?php } else { ?>
  40.  
  41. <?php if(isset($hasError) || isset($captchaError)) { ?>
  42. <p class="error">Une erreur s'est produite, merci de recommencer.<p>
  43. <?php } ?>
  44.  
  45.  
  46.  
  47. <div id="response">
  48.  
  49.  
  50. <form method="post" class="reply-input" action="<?php the_permalink(); ?>">
  51. <div class="span12"><h3><?php _e('Send us a message', 'wp_town'); ?></h3></div>
  52. <div class="span6">
  53.  
  54.  
  55. <div class="input-block">
  56. <input type="text" name="contactName" id="contactName" class="requiredField name" value="<?php _e('Votre nom et prénom (requis)', 'wp_town'); ?>" onfocus="if(this.value=='Votre nom et prénom (requis)') this.value=''" <?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" onblur="if(this.value=='')this.value='Votre nom et prénom sont requis'" onfocus="if(this.value=='Votre nom et prénom sont requis')this.value=''"/>
  57.  
  58.  
  59. </div>
  60.  
  61. <div class="input-block">
  62. <input type="text" required name="email" id="email" class="requiredField email" value="<?php _e('Votre e-mail (requis)', 'wp_town'); ?>" onfocus="if(this.value=='Votre email(requis)') this.value=''"<?php if(isset($_POST['email'])) echo $_POST['email'];?>" onblur="if(this.value=='')this.value='Votre email est requis'" onfocus="if(this.value=='Votre email est requis')this.value=''"/>
  63.  
  64.  
  65. </div>
  66.  
  67. <div class="input-block">
  68. <input type="text" required name="subject" id="subject" class="requiredField subject" value="<?php _e('Sujet (requis)', 'wp_town'); ?>" onfocus="if(this.value=='Sujet (requis)') this.value=''"<?php if(isset($_POST['subject'])) echo $_POST['subject'];?>" onblur="if(this.value=='')this.value='Le sujet est requis'" onfocus="if(this.value=='Le sujet est requis')this.value=''"/>
  69.  
  70.  
  71. </div>
  72.  
  73. </div><!--span6-->
  74.  
  75. <div class="span6">
  76. <div class="textarea-block">
  77. <textarea required name="comments" id="commentsText" class="textarea" class="requiredField" cols="88" rows="8" onblur="if(this.value=='')this.value='Votre message'" onfocus="if(this.value=='Votre message')this.value=''"><?php _e('Votre message', 'wp_town'); ?> <?php if(isset($_POST['Votre message'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['Votre message']); } else { echo $_POST['Votre message']; } } ?></textarea>
  78. <div class="clear"></div>
  79.  
  80. </div>
  81. <li class="buttons"><input type="hidden" name="submitted" id="submitted" class="submit_buttom" value="true" /><input class="submit_buttom" type="submit" id="submitted" value="Envoyer"></li>
  82.  
  83. </div>
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90. <div class="clear"></div>
  91. </form>
  92.  
  93. </div><!--response-->
  94.  
  95.  
  96.  
  97.  
  98. <?php } ?>
  99.  
  100. <?php
  101.  
  102. if(!empty($bp_myOptions['contact_sidebar'])) { echo $bp_myOptions['contact_sidebar'];}
  103.  
  104. ?>
  105. </div><!--row-->
  106. </div><!--container-->
  107. </div><!--section-->
Contenus similaires
Meilleure solution
partage
, Modérateur |
Pour l'email, tu n'as pas mis les mêmes textes à chaque fois :
- Votre e-mail (requis) <= un espace
- Votre email(requis) <= pas d'espace
- Votre email est requis

Pour un textarea c'est pas this.value qu'il faut utiliser, plutôt this.innerHtml

Sinon, tu as l'attribut HTML 5 "placeholder" qui fait ça tout seul (mais navigateurs récents seulement)
  • Dreamcaster a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |
Score
0
òh
òi
|
bonjour, je pense que l'attribut : autocomplete="off" peut aussi t'aider ( a placer dans la balise form ou tout les input concerné )
plus d'info : https://duckduckgo.com/?q=html%20autocomplete
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS