Discussion :

[scoubi77]

Bonsoir à tous,

Etant spamé ( une centaine de message jour ) par un robot sur mon livre d'or après recherches j'ai trouvé une solution en jquery.

il faudrait que sous mon formulaire en html soit entre les balises body j'introduise ce code pour créer une validation de message qui selon son hauteur stopperait les robots.

Voici le code :

Code :

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

$('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot').prependTo($('#maDiv'));

si je le copie en dessous de mon formulaire, la moitié de la prog apparait sur mon site, si je pose une balise

Code html :

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

<script src="jquery.js"></script>

plus rien n'apparait !!!!

j'aurais besoin d'explications comment intégrer ce code sous mon formulaire ?
Vous remerciant par avance

Amicalement scoubi

[SpaceFrog]

inserer du code html ... OK ...

encore faut il qu'il soit correctement balancé qu niveau des balises !

il te manque la balise fermante du div !!

http://jsfiddle.net/m9SGF/1/

[scoubi77]

Merci pour cette réponse,

Bien vue ! Je n'avais pas repéré cela, je vais donc la fermer par contre pourquoi quand j'utilise la balise <script... Jquery.js Pour déclarer l'utilisation du jquery plus rien n'apparaît sur un navigateur ?
Merci pour tout

[SpaceFrog]

as tu un message d'erreur dans la console ?

[scoubi77]

Re bonjour,

J'ai donc ajouté une fermeture de DIV et j'ai bien d'affiché le texte et la case de sélection, par contre j'ai ceci qui apparait sur mon site !!!!

$('

').prependTo($('#maDiv'));

J'ai donc ajouté cela :

Code :

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

$('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot</div>').prependTo($('#maDiv'));

mais si j'encadre par une balise :

Code :

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

1
2
3
4
 
<script>
$('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot</div>').prependTo($('#maDiv'));
</script>

et bien la je n'ai plus d'affichage de la case de sélection et le texte !!! et pas d'erreur non plus dans la console

[SpaceFrog]

renseigne toi sur le ready ...
http://javascript.developpez.com/faq...oduction#Ready

[scoubi77]

Dans le head j'ai déclaré

Code :

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

<script src="jquery.js"></script>

le fichier jequery.js étant dans le même répertoire que le fichier php

je ne penses pas avoir fait d'erreur en ayant placé ma fermeture de DIV !!!


je dois mettre ?

Code :

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

1
2
3
$(document).ready(function(){
$('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot</div>').prependTo($('#maDiv'));
});

j'ai donc rajouté au dessus ceci

Code :

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

1
2
3
4
5
6
 <script>
Sélectionnez
$(document).ready(function(){
    alert('Dom est prêt!');
});
</script>

et j'ai rien d'affiché sur le site

[Bovino]

Le code faisant référence à l'élément #maDiv doit impérativement être exécuté après que cet élément ai été intégré dans la page (dans le DOM en l'occurrence). Donc soit tu le places après dans le code, soit tu utilises un gestionnaire d'événement déclenché lorsque le DOM est prêt (.ready()).

Et sinon, un script ne doit pas se trouver en vrac au milieu du HTML, il doit obligatoirement être placé entre des balises <script> pour pouvoir être considéré comme du JavaScript et donc être interprété.

[scoubi77]

Bien là est mon soucis je débute et je patauge, si j'encadre par des balises
<script>...</script>

plus rien ne s'affiche !!!

Donc soit tu le places après dans le code, soit tu utilises un gestionnaire d'événement déclenché lorsque le DOM est prêt (.ready()).

comment cela se rédige t'il ?

[SpaceFrog]

je ne t'ai pas mis un lien dans ma reponse précédente pour faire joli ...

[scoubi77]

Je me suis empressé de l'ouvrir et j'ai testé

Code :

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

1
2
3
4
5
6
7
 
<script>
$(document).ready(function(){
    alert('Dom est prêt!');
});
 
</script>

mais je n'ai eu aucune alerte m'indiquant que le DOM est prêt !

[Bovino]

CTRL + F5 ?

[scoubi77]

C'est bon j'ai bien eu un message m'indiquant que le Dom était prêt,

Le code faisant référence à l'élément #maDiv doit impérativement être exécuté après que cet élément ai été intégré dans la page (dans le DOM en l'occurrence).

par contre j'ai pas encore trouvé pour faire cela mais je continu à chercher
merci

[scoubi77]

j'ai essayé ceci

Code :

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

1
2
3
4
5
6
7
8
9
<script>
 
 
$(document).ready(function(){
 
    $('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot</div>').prependTo($('#maDiv'));
});
 
</script>

et la je n'ai plus rien d'affiché !

[scoubi77]

j'ai donc essayé en écrivant ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script>
 
 
$(document).ready(function(){
 
    $('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot</div>').prependTo($('#maDiv'));
});
 
</script>
 
 
<div style="text-align:center;"><div id="#maDiv"></div></div>

mais rien ne s'affiche !

[scoubi77]

c'est bon j'ai réussi !!!

en écrivant comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script>
 
 
$(document).ready(function(){
 
    $('<div style="text-align:center;"><input type="checkbox" name="nobot" required="true"> Je confirme ne pas être un robot</div>').prependTo($('#maDiv'));
});
 
</script>
 
 
<div style="text-align:center;"><div id="maDiv"></div></div>

par contre cela ne m'évite pas d'être encore floudé par des robots sur mon livre d'or !!!
j'utilise pourtant en plus ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
.hp {
    display: none;
}
</style>
<?php
if(empty($_POST['comment'])) {
    // le champ est vide
}
?>
<div class="hp">
    <label>Si vous êtes un humain, laissez ce champ vide</label> 
    <input type="text" name="comment">
</div>

ceci étant un champ caché en css que soit disant les robots remplissent et c'est sensé me bloquer les envois, mais malgré ses deux protections j'ai eu en 5 mn 40 messages !!!
que faire de plus ?

[SpaceFrog]

regarde peut être du coté de captchas ...