Bonjour,

Voila mon problème, comment créer dynamiquement des Elements en javascript ! Et comment les afficher ! De plus comment les combinaient les uns dans les autres !

Pourquoi ce code n'affiche rien :

var myDiv1 = document.createElement('div');
myDiv1.id = 'div1';
myDiv1.interHTML = 'MonDiv1';
			
var myDiv2 = document.createElement('div');
myDiv2.id = 'div2';
myDiv2.interHTML = 'MonDiv2';
			
myDiv1.appendChild(myDiv2);
document.body.appendChild(myDiv1);

Edit : Aucun rapport avec le sujet, j'avais mal lu, désolé.

Pour créer dynamiquement des évènements tu peux faire comme ceci :

document.getElementById('cible')['ton_évènement'] = ta_fonction;

En Javascript il faut comprendre une chose : toute propriété ou fonction qui accessible dans un élément/objet/whatever est aussi disponible par le biais d'un tableau. Ainsi, si je veux accéder à l'évènement onload de l'élément window alors je peux faire ceci :

window.onload;

Mais aussi cela :

window['onload'];

L'avantage est de notamment pouvoir y mettre des valeurs dynamiques. Dernière info concernant ce sujet : toute fonction créée est accessible par le biais d'un tableau dans l'élément window, si je créé la fonction test() alors je pourrai l'exécuter comme cela :

window['test']();

J'espère que ça t'aidera .

Salut,
c'est innerHTML et non interHTML .

Ah merde, j'avais lu "évènements" au lieu de "Elements" !

Bon, bah j'ai dis de la merde, désolé !

Va au lit, ça vaux mieux =D

Non, j'attends la sortie du nouvel album des Fatals Picards à minuit !

Merci beaucoup ! En effet erreur de frape... -_- ...

J'ai une autre question...

Voila ce code ne fonctionne pas mais je ne comprends pas pourquoi :

var monDiv = document.createElement('div');
monDiv.id = 'monDiv';
			
var interDiv = new Array();
for(var i=0; i<4; i++)
{
	interDiv[i] = document.createElement('div');
	interDiv[i].className = 'interDiv';
	interDiv[i].innerHTML = i;
	interDiv[i].style.width = '50px';
	interDiv[i].style.left = 70*i+'px';
				
        interDiv[i].onmouseover = function(){interDiv[i].className = 'interDivHover';}
	interDiv[i].onmouseout = function(){interDiv[i].className = 'interDiv';}

	monDiv.appendChild(interDiv[i]);
}

document.body.appendChild(monDiv);

Voici les lignes qui ne fonctionner pas :
interDiv[i].onmouseover = function(){interDiv[i].className = 'interDivHover';}
interDiv[i].onmouseout = function(){interDiv[i].className = 'interDiv';}

PS: j'ai un fichier "css" qui définit des dimensions et couleurs pour chacun de mes div afin de voir ce qui ce passe à l'écran ...

Mici d'avance pour toutes réponses !

La flemme d'expliquer en détails, mais avec ça c'est sensé marcher :

interDiv[i].onmouseover = (function () {
    return function () {
        interDiv[i].className = 'interDivHover';
    };
})();

pareil pour l'autre

Je comprends pas du tout ce que tu as marquer...

Et en plus cela ne fonctionne pas ...

Ouais t'as raison je cherche trop compliqué :

interDiv[i].onmouseout = function(){this.className = 'interDiv';}

( edit )
Mieux de faire comme ça :

var monDiv = document.createElement('div'),
    tmp, interDiv = [];

monDiv.id = 'monDiv';

function mouseover (e) {
    this.className = 'interDivHover';
}	

function mouseout (e) {
    this.className = 'interDiv';
}

for(var i=0; i<4; i++) {
	tmp = document.createElement('div');
	tmp.className = 'interDiv';
	tmp.innerHTML = i;
	tmp.style.width = '50px';
	tmp.style.left = 70*i+'px';
				
        tmp.onmouseover = mouseover;
	tmp.onmouseout = mouseout;

        interDiv.push(tmp);
	monDiv.appendChild(tmp);
}
document.body.appendChild(monDiv);

Encore quelque questions, comment peut-on connaitre la taille de la fenêtre de l'utilisateur ? Et comment connaitre la taille d'un div ?

Qu'est-ce que tu souhaites ? La taille de la partie réservée à ta page ou bien la taille de la fenêtre ?

Citation : Nesquik69

Qu'est-ce que tu souhaites ? La taille de la partie réservée à ta page ou bien la taille de la fenêtre ?

La partie réservée à ma page !

Et aussi comment savoir les dimensions d'un div présent dans ma page ?

Alors pour connaître la taille d'un div (ou autre élément) il te suffit d'utiliser les propriétés offsetWidth et offsetHeight.

Pour le calcul de la taille de la page, il suffit normalement d'utiliser les propriétés innerWidth et innerHeight mais comme IE n'est pas compatible il te faudra récupérer pour ce dernier les dimensions de la balise <body /> avec innerWidth et innerHeight .

Citation : Nesquik69

Alors pour connaître la taille d'un div (ou autre élément) il te suffit d'utiliser les propriétés offsetWidth et offsetHeight.

Pour le calcul de la taille de la page, il suffit normalement d'utiliser les propriétés innerWidth et innerHeight mais comme IE n'est pas compatible il te faudra récupérer pour ce dernier les dimensions de la balise <body /> avec innerWidth et innerHeight .

Pour la taille de la page j'ai réussi ! Mais pas pour un div ! Cela ne fonctionne pas , voici mon code :

alert(document.getElementById('monDiv').offsetWidth);

<div id="monDiv" style="background-color:#547452; width:200px; height:250px;">Mon Div</div>

Hum... ça fonctionne parfaitement hein. Vérifie si tu n'as pas mis le alert() avant l'affichage de ton DIV, ça reste une erreur bête mais fréquente .

Citation : Nesquik69

Hum... ça fonctionne parfaitement hein. Vérifie si tu n'as pas mis le alert() avant l'affichage de ton DIV, ça reste une erreur bête mais fréquente .

Oups ! Mal lu ! Cela fonctionne

Mets le après justement !

Euh, pourquoi ceci ne fonctionne pas (Décidément je trouve plein de trucs bizarre en javascript...) :

var monDiv = document.createElement('div');
monDiv.id = 'StartBarre';
monDiv.style.height='200px';
document.body.appendChild(monDiv);
alert(document.monDiv.offsetHeight);

Edit : J'ai rien dit.