[Débutant] Problème de Script

**FREMY** · 26/08/2005, 13h34

Bonjour, je suis un jeune developpeur .Net et je cherche à m'investir dans l'HTML / Javascript. J'ai créé un petit utilitaire mails les function ButtonX_onclick() ne s'execute pas ou comporte une erreur. Si quelqu'un d'un peu expérimenté pouvait m'aider... Merci d'avance Fremy

Voici le script de ma page en question :

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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Vaheland.com ++ (by Fremy)</title> 
<script language="javascript" type="text/javascript"> 
<!-- 
 
function Button1_onclick() { 
     IDI.src = "http://www.vacheland.com/index.php"; 
     MaPage.src = "MaPage_Autres.htm"; 
} 
 
function Button2_onclick() { 
     IDI.src="http://www.vacheland.com/forum/forum_cat_liste.php"; 
     MaPage.src="MaPage_Autres.htm"; 
} 
 
function Button3_onclick() { 
     IDI.src="http://www.vacheland.com/troquet/lirebist3fram_modo.php?s=1&debut=0"; 
     MaPage.src="MaPage_Troquets1.htm"; 
} 
 
function Button4_onclick() { 
     IDI.src="http://www.vacheland.com/troquet/lirebist3fram_modo.php?s=2&debut=0"; 
     MaPage.src="MaPage_Troquets2.htm"; 
} 
 
function Button5_onclick() { 
     IDI.src="http://www.vacheland.com/troquet/lirebist3fram_modo.php?s=3&debut=0"; 
     MaPage.src="MaPage_Troquets3.htm"; 
} 
 
function Button6_onclick() { 
     IDI.src="http://www.vacheland.com/bal/bal.php"; 
     MaPage.src="MaPage_Autres.htm"; 
} 
 
// --> 
</script> 
</head> 
<body style="background-color: yellowgreen; color: green;"> 
    <form name="VLbyFremy" language="javascript" defaultbutton="Button3" > 
    <table style="width: 737px; height: 517px"> 
        <tr> 
            <td style="vertical-align: top; width: 535px; text-align: left; height: 526px;"> 
                <table style="width: 533px; height: 513px"> 
                    <tr> 
                        <td style="vertical-align: top; height: 2px; text-align: left"> 
                            <input id="Button1" type="button" value="Acceuil" language="javascript" onclick="return Button1_onclick()" /> 
                            <input id="Button2" type="button" value="Forum" language="javascript" onclick="return Button2_onclick()" /> 
                            <input id="Button3" type="button" value="S Bavette" language="javascript" onclick="return Button3_onclick()" /> 
                            <input id="Button4" type="button" value="S Roti" language="javascript" onclick="return Button4_onclick()" /> 
                            <input id="Button5" type="button" value="S Rumsteck" language="javascript" onclick="return Button5_onclick()" /> 
                            <input id="Button6" type="button" value="BAL" language="javascript" onclick="return Button6_onclick()" /> 
                         </td> 
                    </tr> 
                    <tr> 
                        <td style="vertical-align: top; height: 412px; text-align: left"> 
                        <iframe name=IDI src="http://www.vacheland.com/index.php" style="width: 526px; height: 486px"></iframe> 
                        </td> 
                    </tr> 
                </table> 
            </td> 
            <td style="vertical-align: top; text-align: left; height: 526px;"> 
                <iframe name="MaPage" src="MaPage_Autres.htm"style="width: 200px; height: 510px" scrolling="no"></iframe> 
            </td> 
        </tr> 
    </table> 
    </form> 
</body> 
</html>

**FREMY** · 26/08/2005, 13h41

Petite précision qui a peut-être son importance, cette page est prévue pour fonctionner avec Mozilla FireFox (pour une raison externe à ma page).

**KiLVaiDeN** · 26/08/2005, 13h44

Pour chacune de tes iframes, ajoutes aussi l'attribut id="nom", avec nom étant le même nom que celui spécifié dans l'attribut name="nom", puis pour changer le src, utilises ce code :

Code :

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

1
2
 
document.getElementById('nom').src = 'nouvellepage.htm'

Plus d'informations à ce sujet ici.

**javatwister** · 26/08/2005, 13h48

salut

étape 1 dans ton apprentissage: étudier les points de contact entre javascript et html; c'est essentiellement une question de syntaxe mais ça va te permettre de coder rapidement des pages propres et efficaces;