Adapter une source javascript dans mon site

**scoubi77** · 07/02/2014, 19h09

Bonsoir � tous,

J'ai r�cup�r� une source qui m'int�resse pour essayer de s�curiser mon livre d'or.
Voici le code :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>BotBoot</title>
 
    <script type="text/javascript">
    var a = Math.ceil(Math.random() * 10);
    var b = Math.ceil(Math.random() * 10);       
    var c = a + b
    function DrawBotBoot()
    {
        document.write("What is "+ a + " + " + b +"? ");
        document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
    }    
    function ValidBotBoot(){
        var d = document.getElementById('BotBootInput').value;
        if (d == c) return true;        
        return false;
        }
    </script>
</head>
<body>
 
Are you human?<br />
 
<script type="text/javascript">DrawBotBoot()</script>
<input id="Button1" type="button" value="Check" onclick="alert(ValidBotBoot());"/>
</body>
</html>

Cela fonctionne sans probl�me sauf que voudrais le transformer un peu de fa�on � n'avoir une alerte que si le r�sultat est faux en bloquant l'envoi du message dans mon livre d'or et � l'inverse permettre l'envoi du message sans une alerte comme quoi le r�sultat est bon.
Voici le code de ma page :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" CONTENT="">
<meta HTTP-EQUIV="IMAGETOOLBAR" content="no" SCROLLING="yes" >
<meta name="keywords" CONTENT="">
<head>
<title>Livre d'or</title>
<script src="jquery.js"></script>
 
<style type="text/css">
 body { 
  background: #000000; 
  color: #000000;
  font-family: Verdana ;
 color:white;
font-size:14px;
    }
</style> 
<style type="text/css">
div.grande 
    { 
 
    width : 70%; 
    } 
p{
  line-height:25px;
}
</style>
 
<?php
if(isset($_POST['nobot'])) {
    // la case est cochée
}
?>
    <script type="text/javascript">
    var a = Math.ceil(Math.random() * 10);
    var b = Math.ceil(Math.random() * 10);       
    var c = a + b
    function DrawBotBoot()
    {
        document.write("What is "+ a + " + " + b +"? ");
        document.write("<input id='BotBootInput' type='text' maxlength='2' size='2'/>");
    }    
    function ValidBotBoot(){
        var d = document.getElementById('BotBootInput').value;
        if (d == c) return true;        
        return false;
        
    }
    </script> 
 
</head>
<body>
 
 
 
<form method=post action=writeguest.php 
onSubmit='if ( this.nom.value.length < 2 ) { return false ;}' >
  <BR><p align="center"><FONT FACE="gabriola" size="9" color="white">titre</FONT></BR><FONT FACE="gabriola" size="6" color="white">Livre d'or </FONT></p></FONT> 
 
<table border="0" align="center"> 
<tr><td><img src="test.jpg"></td><td>
 <Div>
<table>
<tr><td><FONT FACE="monotype corsiva" size="4" color="white">Nom :</FONT></td>
    <td><input type=text name=nom size=25 ></td></tr>
<tr><td><FONT FACE="monotype corsiva" size="4" color="white">Mail :</FONT></td>
    <td><input type=text name=mail size=25 ></td></tr>
<tr><td><FONT FACE="monotupe corsiva" size="4" color="white">Message:</FONT></td><td colspan=1>
        <textarea name=message rows=6 cols=47></textarea>
    </td></tr>
</table>
</Div>
</td><td><img src="livre.jpg"></td></td></tr></table>
<!-- On affiche l'image générée par notre script -->
<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></BR>
<div style="text-align:center;"><script type="text/javascript">DrawBotBoot()</script></div>
 
 
<div style="text-align:center;"><INPUT border=0  src="envoyer.jpg" type=image onclick="alert(ValidBotBoot());" name="sub" value="envoyer" /></div>
</form>
<div style="text-align:center;"><a href="http://index.php"onMouseOver="window.status='';return true"><img src="bfermer.jpg"  BORDER="0" alt=""/></a></div>
<div align="center" ><div class="grande" style="border:3px solid #000000; padding 1px;"><div style="text-align:left;"><FONT FACE="gabriola" size="6" color="white"  >Vos impressions, commentaires:</FONT></div></div>
<div align="center" >
<div class="grande" style="border:3px solid #FFFFFF; padding 3px;"><div style="text-align:left;">
 <?php include("guestbook.txt"); ?></div></div>
</body>
</html>

Merci par avance � tous ceux qui pourront m'apporter un peu d'aide car malgr� de tr�s nombreux tests je n'y arrive pas !!!
Amicalement scoubi

**Auteur** · 08/02/2014, 23h04

bonsoir,

plusieurs choses me chagrinent dans ton code

- la m�thode document.write() est � bannir !
- je vois une balise <Div> alors que c'est <div> (avec un "d" minuscule) .
- des balises <FONT> sont pour du HTML 4 or d'apr�s ton DOCTYPE tu es en HTML 5, utilise le CSS.
- des balises <BR> alors que c'est <br/>.
-

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
form method=post action=writeguest.php 
onSubmit='if ( this.nom.value.length < 2 ) { return false ;}' >

les �v�nements s'�crivent en minuscules : onclick, onload, onsubmit, etc.
les valeurs des attributs d'une balise HTML doivent s'�crire entre guillemets : method="post", action="writeguest.php".
-

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<meta name="description" CONTENT="">
<meta HTTP-EQUIV="IMAGETOOLBAR" content="no" SCROLLING="yes" >

les valeurs et attributs d'une balise HTML doivent s'�crire en minuscules.

**scoubi77** · 09/02/2014, 14h26

Bonjour et merci pour toutes ces pr�cisions que je vais tacher de corriger, je suis d�butant et je fait des erreurs.

J'ai fait des recherches concernant document.write()

Le comportement de cette fonction est probl�matique. Il n'est pas constant et induit les d�butants en erreur. Lors du chargement d'une page HTML cette fonction ajoute la chaine pass�e en param�tre au contenu. Une fois la page charg�e, cette fonction remplace totalement le HTML de la page par la chaine en param�tre.

On a vu plus haut que le chargement d'une page HTML est s�quentiel, c'est un exercice p�rilleux pour le navigateur que de rajouter du contenu � une page en train de charger. Si c'est p�rilleux, les bugs ne sont pas loin. Pour �viter les comportements � �tranges � il ne faut pas utiliser document.write() !

L'alternative est � encore une fois � d'utiliser les standards et plus pr�cis�ment le DOM. Si on veut rajouter du contenu � une page HTML le plus simple est de placer un �l�ment vide � l'endroit voulu et de le remplir une fois la page charg�e. Si l'on applique les recommandations sur la place de <script> , c'est simple et direct :

Etant attaqu� depuis un mois par un robot spameur je cherche des solutions pour supprimer tous les messages ( environs 50 par heure !!! ), j'ai ajout� en jquery pourtant une case � cocher que ce robot passe sans soucis !!!

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
if(isset($_POST['nobot'])) {
    // la case est cochée
}
?>
 
<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><br/>

voici un message par exemple ( j'ai modifi� les url pour les rendre inactives ):

azart11 [email protected]
le: 09/02/2014 � 10:32:02
�� <a h r e f= hhhh://kingteingria.hotbox.ru/page1848. >�� blackbird �� </a> �� <a h r e f= [url]hhhh://kinngria.hotbox.ru/page858.[/u rl] >�� </a> �� , �� xp <a h r e f= [url]hhhh://kigria.hotbox.ru/page2304.l[/u r l] >�� wm ��</a> �� <a h r e f= [url]hhhh://.ru/page1320.l[/u rl] >�� </a>

peux tu m'aider pour adapter ce code � mes besoins ?
Cordialement

Scoubi

**Auteur** · 09/02/2014, 15h23

bonjour,

Si j'ai bien compris ton script tu demandes � l'utilisateur de r�aliser une op�ration arithm�tique assez simple et tu poses une question assez basique :

"Etes-vous un humain ?"

Pour s�curiser ton livre d'or tu devrais utiliser un captcha. Sur ce point je ne suis pas en mesure de t'aider car cela se g�re au niveau du serveur. En attendant de mettre ce captcha au point tu devrais verrouiller ton livre d'or.

**scoubi77** · 09/02/2014, 15h27

Merci pour ta r�ponse,

J'ai d�j� essay� de mettre un captcha en partant de celui ci http://www.captcha.fr/index.php?langue=fr&page=34 mais sans succ�s car je n'arrive pas en php apr�s � g�rer l'�v�nement si c'est bon je post si c'est mauvais je stop, il faut donc que j'arrive � modifier cette partie du code qui pourrait m'aider

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
if (d == c) return true;        
        return false;

De la fa�on suivante :
si l'addition est bonne on envoi le formulaire, si elle est fausse message et on n'envoi pas le formulaire tant que l'addition n'est pas bonne.
Peux tu m'aider ?
Cordialement
Scoubi

**Auteur** · 09/02/2014, 15h32

Envoy� par scoubi77

si l'addition est bonne on envoi le formulaire, si elle est fausse message et on n'envoi pas le formulaire tant que l'addition n'est pas bonne.
Peux tu m'aider ?

sur ce point la FAQ javascript peut t'aider :
http://javascript.developpez.com/faq...s#ControleForm

Adapter une source javascript dans mon site

JavaScript

Vue hybride

Discussions similaires

Partager

Partager