Rechercher : dans
Par :

Document.createElement

Dernière réponse le 7 mar 2008 à 09:02:25 pazz, le 1 mar 2008 à 16:55:37 
 Signaler ce message aux modérateurs

Bonjour,

Je n'arrive pas a créer des ellement via javascript en utilisant document.createElement() j'ai essaié plusieur methode mais rien a faire et je maitrise pas assez javascript pour m'en sortir tout seul .. :(

voila le code javascript:

function cree() {
	
        var fenetre=document.createElement("<div unselectable=on id='windowContainer'>");
		var bord=document.createElement("<div id='windowContainerBorder1'></div>");
		var titre=document.createElement("<div onSelect='return false' id='windowTitle'></div>");
		var box=document.createElement("<div id='controlBox'>");
		var img=document.createElement("<img src='control_box.gif' width='52' height='15' border='0' usemap='#ctrlBox' /></div>");
		box.appendChild(img);
		var area=document.createElement("<div id='contentArea'>");
		var iframe=document.createElement("<iframe></iframe></div>");
		area.appendChild(iframe);
		var resize=document.createElement("<div id='resizeCapture'></div></div>");
		fenetre.appendChild(bord);
        fenetre.appendChild(titre);
        fenetre.appendChild(box);
		fenetre.appendChild(area);
		fenetre.appendChild(resize);

} 


merci d'avance
Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « document.createElement » dans :
Créer un blog d'entreprise VoirDans l’esprit du Web 2.0, le blog d’entreprise permet une communication moins officielle qu’un site Internet traditionnel, libre, réactive et interactive. Vous souhaitez augmenter votre visibilité sur Internet, vous rapprocher de vos clients, créer...
Comment créer un poster ? VoirComment créer un poster ? Sur la base d'une photographie personnelle, 2 solutions selon votre équipement et/ou vos envies. Les logiciels gratuits Les solutions clé en main Résolution de vos images Les logiciels gratuits PosteRazor...
Créer un réseau local VoirPourquoi mettre en place un réseau local? Lorsque vous disposez de plusieurs ordinateurs, il peut être agréable de les connecter afin de créer un réseau local (en anglais LAN, abréviation de Local Area Network). La mise en place d'un tel réseau...
PHP - Créer un moteur de recherche VoirIdée générale Le moteur de recherche ci-dessous ne correspond qu'à une idée possible de moteur de recherche simple, ne gérant qu'un seul mot clé. Le concept du fonctionnement de ce moteur est de créer une base de donnée contenant les mots clés de...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...

1

Dalida, le 1 mar 2008 à 18:39:32
  • +1

Salut,

c'est parce que tu n'utilises pas la fonction correctement.
le constructeur prend le nom de l'élément comme paramètre pas le "innerHTML".

regarde .

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Répondre à Dalida

2

pazz, le 5 mar 2008 à 11:54:59

Merci

PazZ

Répondre à pazz

3

pazz, le 5 mar 2008 à 14:05:27

Re :)


j'ai une nouvelle question a se sujet est il possible de créé l'élèment q'une foix ?? enfin je m'explique j'utilise createlement pour créé plusieur fenetre dragable avec une iframe a l'intérieur
(site interne donc pas de prob pour les iframe) je met une id et une class dynamique de cette façon

function creer_fenetre(left,top,width,height,ClassId) {
        var fenetre = document.createElement("<div id="+ClassId+">");
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+"px"; //Modification de l'attribut left du style de notre div
        fenetre.style.top=top+"px";
        fenetre.style.width=width+"px";
        fenetre.style.height=height+"px";
		addEvent(fenetre,"mousedown",function (){premier_plan(fenetre)});
       
        //On créé de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
		addEvent(haut,"mousedown",function (event){commencer_deplacement(event,fenetre)});
		addEvent(haut,"mouseup",arreter_deplacement);
        //On créé ensuite les trois div qui seront dedans:
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut":
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre":
        fenetre.appendChild(haut);
       
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("<iframe name="+ClassId+">");
        milieu_centre.className="milieu_centre";
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
       
        //On fait de même pour la div "bas
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);

		premier_plan(fenetre); //On met au premier plan notre fenêtre
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}



donc en gros je mais sa dans le lien

<a href="..." target"nom" onclick="creer_fenetre(500,500,500,500,nom)>nomlien</a>

mon problème est que j'arrive a éviter qu'on puisse l'ouvrir deux foix mais en suite je ne peux pas ouvrir les autre lien

exemple

var i=0;

function cree_fenetre(.....){
if(i==0){
i++;
.............
}

mais evidemment l'orsque que je veut lancer une autre fenetre sa ne fonctionnera pas
(sa doit etre simple mais j'arrive pas)

peut on stocker le nombre de foix qu un ID a apparu sur la page ou dire

if (ClassId est déja sur la page){faire sa}

Merci d'avance

PazZ

Répondre à pazz

4

Dalida, le 7 mar 2008 à 00:37:54

Si j'ai bien compris (et c'est pas gagné, lol) il suffirait d'ajouter l'id en question dans les paramètres de ta fonction et de n'incrémenter ton index que s'il s'agit de l'

id 
à limiter.
function cree_fenetre( id_balise_a_limiter , ... )
{
	if( id_balise_a_limiter == 'id_de_la_balise_a_limiter' && i == 0 )
	{
		// traitement puis blocage de la répétition en incrémentant l'index
		i++;
	}
	else
	{
		// traitement normal pour les autres liens
	}
}
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !

Répondre à Dalida

5

 pazz, le 7 mar 2008 à 09:02:25

Merci sauf qu'enfaite sa doit poivoire ouvrir plusieur fenetre et l'id est dynamique donc la variable est réutiliser a chaque fenetre mais j'ai fait sa (sa marche mais bon un peut long et pas pratique)

var i=0;
var e1=0;
var e2=0;
var e3=0;

function creer_fenetre(left,top,width,height,NameId) {
	i=NameId;
	if(i=='Mordant'&& e1==0||i=='Test'&&e2==0){
		if(i=='Mordant'){e1++;}
		if(i=='Test'){e2++;} // etc...

// et la fonction a executé

}}




Voila mais si quelqu'un a mieux c'est volontier ^^
Merci
PazZ

Répondre à pazz
Collection CommentÇaMarche.net