[JS]Problème d'execution de fction sur onchange() avec IE7

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS]Problème d'execution de fction sur onchange() avec IE7

Stuntman

Bonjour à tous et à toutes.
Voici mon problème j'ai une petit fonction js qui est appelée sur un onchange() d'une liste déroulante HTML.
Or cette fonction JS fonctionne très bien sous Mozila FF et pas du tout sous IE 7
IE m'indique "erreur d'execution inconnue" Code 0.
J'ai également un problème d'affichage de la liste déroulante. Quand je clic dessus je ne voit pas les valeurs présentes dans la liste!

Liste HTML

Code :

<select name="map1" size="1" class="mon_sel" onchange="map();">
<option selected value=""></option>
<option value="de_dust2">de_dust2</option>
<option value="de_train">de_train</option>
<option value="de_cbble">de_cbble</option>
<option value="de_inferno">de_inferno</option>
<option value="de_nuke">de_nuke</option>
<option value="cpl_mil">cpl_mil</option>
</select>

Fonction JS

Code :

<script language="javascript">
function map(){
if(document.frm_ajout_war.map1.value!="" ){
document.getElementById('map1').innerHTML='<td>'+
'Map 1:'+
'</td>'+
'<td>'+
'<input name="score_map1_rebirth" type="text" value="0" size="1" maxlength="2" />'+
'-'+
'<input name="score_map1_adv" type="text" value="0" size="1" maxlength="2" />'+
'</td>';
}
else{
document.getElementById('map1').innerHTML=''
}
if(document.frm_ajout_war.map2.value!="" ){
document.getElementById('map2').innerHTML='<td>'+
'Map 2:'+
'</td>'+
'<td>'+
'<input name="score_map2_rebirth" type="text" value="0" size="1" maxlength="2" />'+
'-'+
'<input name="score_map2_adv" type="text" value="0" size="1" maxlength="2" />'+
'</td>';
}
else{
document.getElementById('map2').innerHTML=''
}
if(document.frm_ajout_war.map3.value!="" ){
document.getElementById('map3').innerHTML='<td>'+
'Map 3:'+
'</td>'+
'<td>'+
'<input name="score_map3_rebirth" type="text" value="0" size="1" maxlength="2" />'+
'-'+
'<input name="score_map3_adv" type="text" value="0" size="1" maxlength="2" />'+
'</td>';
}
else{
document.getElementById('map3').innerHTML=''
}
}
</script>

CSS de la liste déroulante

Code :

SELECT.mon_sel {
WIDTH: 150px;
}

Message édité par Stuntman le 13-08-2007 à 19:00:55

Publicité

theredled

● REC

<select name="map1" size="1"

[:pingouino dei]

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Stuntman

Ba wé pour qu'il affiche qu'un seul élément à la fois non? :??:

Message cité 1 fois

gatsu35

Blablaté par Harko

on pourrait voir le code HTML associé s'il te plait. Car là tu essaye de melanger les name et les id ce qui n'est pas bon pour IE et de plus on ne fait pas de innerHTML dans un <table> ca pete à la gueule sous IE

Message cité 1 fois

theredled

● REC

Stuntman a écrit :

Ba wé pour qu'il affiche qu'un seul élément à la fois non? :??:

ah oui dsl c'est moi qui chie

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Stuntman

gatsu35 a écrit :

Ok, mais moi j'en ai besoin de tableau dans mon inner (pour la présentation).

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<center><b>- Ajouter une war -</b></center>
<?php
if($erreur>0)
{
echo '<center><font color="red"><i>Tous les champs sont obligatoires.</i></font></center><br /><br />';
}
?>
<br /><br />
<script language="javascript">
function map(){
if(document.frm_ajout_war.map1.value!="" ){
document.getElementById('map1').innerHTML='<td>'+
'Map 1:'+
'</td>'+
'<td>'+
'<input name="score_map1_rebirth" type="text" value="0" size="1" maxlength="2" />'+
'-'+
'<input name="score_map1_adv" type="text" value="0" size="1" maxlength="2" />'+
'</td>';
}
else{
document.getElementById('map1').innerHTML=''
}
if(document.frm_ajout_war.map2.value!="" ){
document.getElementById('map2').innerHTML='<td>'+
'Map 2:'+
'</td>'+
'<td>'+
'<input name="score_map2_rebirth" type="text" value="0" size="1" maxlength="2" />'+
'-'+
'<input name="score_map2_adv" type="text" value="0" size="1" maxlength="2" />'+
'</td>';
}
else{
document.getElementById('map2').innerHTML=''
}
if(document.frm_ajout_war.map3.value!="" ){
document.getElementById('map3').innerHTML='<td>'+
'Map 3:'+
'</td>'+
'<td>'+
'<input name="score_map3_rebirth" type="text" value="0" size="1" maxlength="2" />'+
'-'+
'<input name="score_map3_adv" type="text" value="0" size="1" maxlength="2" />'+
'</td>';
}
else{
document.getElementById('map3').innerHTML=''
}
}
</script>
<?php
if (isset($_POST['saisie']))
{
if (($_POST['saisie'])=='oui')
{
$erreur;
if (isset($_POST['date']))
{
$date=$_POST['date'];
if (($_POST['date'])=='')
{
$erreur=$erreur+1;
}
}
if (isset($_POST['type_match']))
{
$type_match=$_POST['type_match'];
if (($_POST['type_match'])=='')
{
$erreur=$erreur+1;
}
}
if (isset($_POST['adv']))
{
$adv=$_POST['adv'];
if (($_POST['adv'])=='')
{
$erreur=$erreur+1;
}
}
if (isset($_POST['map1']))
{
$map1=$_POST['map1'];
if (empty($map1))
{
$erreur=$erreur+1;
}
}
if (isset($_POST['map2']))
{
$map1=$_POST['map2'];
if (empty($map2))
{
$erreur=$erreur+1;
}
}
if (isset($_POST['map3']))
{
$map1=$_POST['map3'];
if (empty($map3))
{
$erreur=$erreur+1;
}
}
if (isset($_POST['rapport']))
{
$rapport=$_POST['rapport'];
}
}
if ($date!='')
{
// connexion à la base
include('sql/startsql.php');
// requête sql
$req = "INSERT INTO wars(adversaire,date,map1,map2,map3,typematch,rapport) VALUES('$adv','$date','$map1','$map2','$map3','$type_match','$rapport')";
// on insère les informations du formulaire dans la table
mysql_query($req) or die('Erreur SQL !'.$req.'<br>'.mysql_error());
mysql_close(); // on ferme la connexion
?>
<?php $ajout=true?>
<center><font color="red"><i>Wars ajoutée.</i></font></center><br /><br />
<script language="javascript">
setTimeout("window.location.replace('index.php')",3000)
</script>
<?php
}
}
?>
<?php
if(empty($_SESSION['pseudo'])) // si non logué
{
echo "<br /><br />Vous n'êtes pas autorisé a accèdez à l'administration du site.<br /><br />";
}
else{ // si logué
?>
<?php
$date=date("d/m/Y" )
?>
<?php
if($ajout==false)
{
?>
<form method="post" action="#" name="frm_ajout_war">
<input type="hidden" name="saisie" value="oui" />
<table align="center" border="0">
<tr align="center">
<td width="199">
Date </td>
<td width="210">
<input name="date" type="text" maxlength="10" size="10"value="<?php echo $date ?>">
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center">
<td colspan="2">
<b>Détails Match</b>
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center">
<td>
Type de match
</td>
<td align="center">
<select name="type_match" size="1" class="mon_sel">
<option value="WCG Qualification">WCG Qualification</option>
<option value="ESL">ESL</option>
</select>
</td>
</tr>
<tr align="center">
<td>
Adversaire
</td>
<td align="center">
<input name="adv" type="text" size="20" maxlength="20" />
</td>
</tr>
<tr align="center">
<td>
Map 1
</td>
<td>
<select name="map1" size="1" class="mon_sel" onchange="map();">
<option selected value=""></option>
<option value="de_dust2">de_dust2</option>
<option value="de_train">de_train</option>
<option value="de_cbble">de_cbble</option>
<option value="de_inferno">de_inferno</option>
<option value="de_nuke">de_nuke</option>
<option value="cpl_mil">cpl_mil</option>
</select>
</td>
</tr>
<tr align="center">
<td>
Map 2
</td>
<td>
<select name="map2" size="1" class="mon_sel" onchange="map();">
<option selected value=""></option>
<option value="de_dust2">de_dust2</option>
<option value="de_train">de_train</option>
<option value="de_cbble">de_cbble</option>
<option value="de_inferno">de_inferno</option>
<option value="de_nuke">de_nuke</option>
<option value="cpl_mil">cpl_mil</option>
</select>
</td>
</tr>
<tr align="center">
<td>
Map 3
</td>
<td>
<select name="map3" size="1" class="mon_sel" onchange="map();">
<option selected value=""></option>
<option value="de_dust2">de_dust2</option>
<option value="de_train">de_train</option>
<option value="de_cbble">de_cbble</option>
<option value="de_inferno">de_inferno</option>
<option value="de_nuke">de_nuke</option>
<option value="cpl_mil">cpl_mil</option>
</select>
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center">
<td colspan="2">
<b>Scores</b>
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center" id="map1">
</tr>
<tr align="center" id="map2">
</tr>
<tr align="center" id="map3">
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center">
<td colspan="2">
<b>Commentaires</b>
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center">
<td colspan="2">
<textarea name="rapport" cols="50" rows="10">Votre texte ici, maximum 255 caractères.</textarea>
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr align="center">
<td align="right">
<input type="submit" value="Ajouter" name="submit" />
</td>
<td align="left">
<input type="reset" value="Effacer" name="reset" />
</td>
</tr>
</table>
</form>
<br />
<?php
}
}
?>
<a href="?CONTENT=gestionnews"><center><b>- Retour -</b></center> </a>
</body>
</html>

theredled

● REC

Citation :

XHTML 1.0 Strict

Citation :

<center><font color="red"><i>Wars ajoutée.

=
panpan cucu

et sinon pour remplacer le innerHTML il faut que tu utilises le DOM.

pour le reste je sais pas.

Message édité par theredled le 15-08-2007 à 12:50:00

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Stuntman

Humm, c'est pas très clair pour moi...
Tu peux préciser?

Message cité 1 fois

theredled

● REC

Stuntman a écrit :

Humm, c'est pas très clair pour moi...
Tu peux préciser?

Le DOM en gros c'est un ensemble de fonctions (intégrées entre autres à javascript) qui permettent de manipuler une page HTML. Pour plus de détails, et la doc -> Google
tiens je t'aide : http://www.xul.fr/xml-dom.html

Pour le reste, le but du XHTML (surtout strict !), est comme chacun sait de séparer le contenu de la présentation des pages (XHTML + CSS), donc les balises <font> <center> etc sont méga-over à bânir et pas valides. Et même sans parler de validité, la séparation présentation/contenu c'est quand même une base du dev web... Disons que je souhaite à personne d'avoir à faire des modifs sur ton site

Message édité par theredled le 15-08-2007 à 16:13:29

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Stuntman

Merci de cette précision, mais ca résolue toujours pas mon problème de JS
Faire du DOM ca me paraît au dessus de mes connaissances.

Publicité

gatsu35

Blablaté par Harko

En fait si on veut comprendre ce que c'est le DOM c'est simple :

d'un coté on a le JS et d'un autre le HTML
JS ---------- HTML

Le DOM est tout simplement une interface entre le JS et le HTML, et plus précisément une répresentation Objet de ta page HTML
JS----DOM----HTML

Stuntman

Ok merci.

FORUM HardWare.fr

Programmation

HTML/CSS

[JS]Problème d'execution de fction sur onchange() avec IE7

Sujets relatifs
Probleme marge IE et objet COM	Problème d'include entre sous-domaines
probleme dans un projet (niveau debutant)	Problème avec nom de champs identique
[Résolu] Problème ActionScript - fonction onLoad	Problème ActionScript (Flash) - onLoad
[VBS] Probleme WMI distant (sur Win32_Product)	{Résolu} problème URL et variables
[C++] Problème stringstream/fstream et rdbuf() [résolu]	Problème pour une requête sql
Plus de sujets relatifs à : [JS]Problème d'execution de fction sur onchange() avec IE7

Page générée en 0.114 secondes