begin process at 2012 05 30 04:56:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Style' a la valeur Null ou n'est pas un objet [IE]

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Style' a la valeur Null ou n'est pas un objet [IE]

jeudi 18 décembre 2008 à 18:06:12 | Style' a la valeur Null ou n'est pas un objet [IE]

fuggerbit1

 
Bonjour,
J'ai fait un petit bout de code avec des onglets et il marche très biens  sous FF par contre IE me dit :
'Style' a la valeur Null ou n'est pas un objet.

Voici le code :
Pour moi tout est ok, je comprends pas...

<script language="javascript" type="text/javascript">
	function clicTab(elt)
	{
		var tabs = document.getElementsByName("tab");
		var divs = document.getElementsByName("div");
		for (i=0; i<tabs.length; i++)
		{
			tabs[i].id = '';
			divs[i].style.display = 'none';
		}

		elt.id="current";

		for (i=0; i<tabs.length; i++)
		{
			if(tabs[i].id == 'current')
			{
				divs[i].style.display = 'block';
			}
		}
	}
</script>

<form action="<?php echo $this->url(array('controller'=>'magasins',
	'action'=>'visuDetailRct')); ?>" method="post">
	Magasin = <input type="text"
					 name="idMag"
					 value="<?php (isset($this->idMag))?$this->idMag:'';?>">
	Date = <input type="text"
					 name="date"
					 value="<?php (isset($this->date))?$this->date:'';?>">
	RCT = <input type="text"
				 name="rct"
				 value="<?php (isset($this->rct))?$this->rct:'';?>">
	Etat = <input type="text"
				  name="etat"
				  value="<?php (isset($this->etat))?$this->etat:'';?>">
	<input type="submit" 
			id="visuDetailRct" 
			value="Rechercher"/>
</form>
<div id="navcontainer">
	<ul id="navlist">
		<li><a href="#" id="current" name="tab" onclick="clicTab(this);">Synth&egrave;se</a></li>
		<li><a href="#" name="tab" onclick="clicTab(this);">Force Cote</a></li>
		<li><a href="#" name="tab" onclick="clicTab(this);">Ventes</a></li>
		<li><a href="#" name="tab" onclick="clicTab(this);">Limitations</a></li>
	</ul>
</div>
<div class="tab">
	<div id="synthese" name="div" style="display:block">
		sy
		<table id='table1' class='sortable'>
			<tr>
				<th>Code Magasin</th>
				<th>Coeff Appliqu&eacute;</th>
			</tr>
		</table>
	</div>
	<div id="forceCote" name="div" style="display:none">
		fc
		<table id='table2' class='sortable'>
			<tr>
				<th>Code Magasin</th>
				<th>Coeff Appliqu&eacute;</th>
			</tr>
		</table>
	</div>
	<div id="ventes" name="div" style="display:none">
		vt
		<table id='table3' class='sortable'>
			<tr>
				<th>Code Magasin</th>
				<th>Coeff Appliqu&eacute;</th>
			</tr>
		</table>
	</div>
	<div id="limitations" name="div" style="display:none">
		li
		<table id='table4' class='sortable'>
			<tr>
				<th>Code Magasin</th>
				<th>Coeff Appliqu&eacute;</th>
			</tr>
		</table>
	</div>
</div>

Merci d'avance !!
vendredi 19 décembre 2008 à 09:39:58 | Re : Style' a la valeur Null ou n'est pas un objet [IE]

fuggerbit1
Pour simplifier le code :

<body>
<script language="javascript" type="text/javascript">
    function clicTab(elt)
    {
        var tabs = document.getElementsByName("tab");
        var divs = document.getElementsByName("div");
        for (i=0; i<tabs.length; i++)
        {
            tabs[i].id = '';
            divs[i].style.display = 'none';
        }

        elt.id="current";

        for (i=0; i<tabs.length; i++)
        {
            if(tabs[i].id == 'current')
            {
                divs[i].style.display = 'block';
            }
        }
    }
</script>
<div id="navcontainer">
    <ul id="navlist">
        <li><a href="#" id="current" name="tab" onclick="clicTab(this);">Synth&egrave;se</a></li>
        <li><a href="#" name="tab" onclick="clicTab(this);">Force Cote</a></li>
        <li><a href="#" name="tab" onclick="clicTab(this);">Ventes</a></li>
        <li><a href="#" name="tab" onclick="clicTab(this);">Limitations</a></li>
    </ul>
</div>
<div class="tab">
    <div id="synthese" name="div" style="display:block">
        sy
    </div>
    <div id="forceCote" name="div" style="display:none">
        fc
    </div>
    <div id="ventes" name="div" style="display:none">
        vt
    </div>
    <div id="limitations" name="div" style="display:none">
        li
    </div>
</div>
</body>

Ce code me permer d'afficher la div correspondant à un lien (système d'onglets). Ca marche sous FF mais pas IE
vendredi 19 décembre 2008 à 09:48:52 | Re : Style' a la valeur Null ou n'est pas un objet [IE]

fuggerbit1
Il semblerait que divs.length soit égal à 0
Mais pourquoi...
Si quelqu'un veut essayer il suffit de créer un fichier avec ce code.
Changer le nom des divs ne change rien, tout comme enlever les ids
vendredi 19 décembre 2008 à 11:01:40 | Re : Style' a la valeur Null ou n'est pas un objet [IE]

Bul3

Membre Club
Réponse acceptée !
bonjour,
houla...
modifier, voire effacer les id... ça craint
étonnant qu'avec FF ça baigne,
j'aimerais testé avec les autres navigateurs, mais mon foie :
je te propose plutôt d'alléger ( éviter les boucles... )


<body>
<div id="navcontainer">
    <ul id="navlist">
        <li><a href="#" name="tabaa" onclick="clicTab('synthese');">Synth&egrave;se</a></li>
        <li><a href="#" name="tabaa" onclick="clicTab('forceCote');">Force Cote</a></li>
        <li><a href="#" name="tabaa" onclick="clicTab('ventes');">Ventes</a></li>
        <li><a href="#" name="tabaa" onclick="clicTab('limitations');">Limitations</a></li>
    </ul>
</div>
<div class="tab">
    <div id="synthese" name="divaa" style="display:block">
        sy
    </div>
    <div id="forceCote" name="divaa" style="display:none">
        fc
    </div>
    <div id="ventes" name="divaa" style="display:none">
        vt
    </div>
    <div id="limitations" name="divaa" style="display:none">
        li
    </div>
</div>
<script type="text/javascript">
    var prec=document.getElementById("synthese");
    function clicTab(elt)
    {   prec.style.display="none";
        prec=document.getElementById(elt);
        prec.style.display="block";       
    }
</script>
</body>



Cordialement

          [mon Site] [M'écrire]  Bul         

vendredi 19 décembre 2008 à 12:30:08 | Re : Style' a la valeur Null ou n'est pas un objet [IE]

fuggerbit1
Oui tu as raison c'est plus propre comme ca. Merci


Cette discussion est classée dans : code, style, id, value, magasin

Répondre à ce message

Sujets en rapport avec ce message

Récupération des champs d'un formulaire dynamique [ par Crabece ] Bonjour à tous,Je vous expose mon problème en essayant d'etre le plus claire possible :Je travaille actuellement sur un site de vente en ligne et mon probleme crucial [ par samsso ] salut à tous. j'ai un code suivant qui fonctionne bien.Je veux juste changer le style des onglets mais j' arrive pas à l'adapter. je vous fournis le c Envoyer plusieurs variables dans le open [ par fabricioliking ] Bonjour, Voila j'aimerai pouvoir envoyer grâce au javascript dans une page php deux variables.voici un extrait du code contenant mon formulaire : [COD [AJAX] Lier deux listes déroulantes [ par beegeezzz ] Salut les développeurs,J'aimerais créer une page avec 4 listes déroulantes liées.J'ai une première liste déroulante qui s'alimente correctement, je ne extjs [ par yosrounaw ] salut, j'ai utilisé EXTjs: j'ai créer une fenêtre composée de grid de nom des utilisateurs et des textfield pour les détails des utilisateurs, je veu afficher un text [ par tonyjim ] Bonjour à tous ;) désolé si je ne post pas à la bonne place [^^choc] voila, j'utilise une fonction javascript pour faire afficher un text sur click Code Javascript ne fonctionnant pas sur IE [ par flashdumpf ] Bonjour, je suis débutant en JavaScript et j'ai récemment réalisé le script suivant. Seulement je constate qu'il ne fonctionne que sous Firefox, d'où accéder à la value d'une liste déroulante en javascript [ par HF974 ] Bonjour , je voudrais accéder à la value d'une liste déroulante en javascript Je m'explique , j'ai une liste déroulante qui correspond à des départe Pobleme Compte à rebours javascript dans boucle PHP [ par ptimushu ] Bonjour, J'ai énormement de mal à créer un compte à rebours javascript intégré dans une boucle PHP. Voici mon code PHP avec une table [b]produit[/b] Adapter une fonction... windows.opener et position du curseur [ par davidcian ] Bonjours, J'aimerais adapter cette fonction a une fenêtre pop up qui sert à insérer une image dans une div à la position du curseur. Mon niveau en j


Nos sponsors


Sondage...

Comparez les prix


Sony Ericsson XPERIA X10 (1 Go)
Entre 649€ et 649€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,624 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)