[DOM] Fenêtre javascript et html

Voici les modifications que je viens de faire mais maintenant c'est le bazard complet même si çà me fait bien ce que je voulais :

Code:

---

1 2

code = "<DIV id=titre style=height:15;width:600;background-color:black><div><FONT style=float:left color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr target=_blank>Régie Publicitaire AVENIR</a></b></font><FONT style=float:right color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.siteavisiter.com target=_blank>Ouvrir le site</a> <a style=color:#FFFFFF href=# onClick=closeSup()>Fermer</a></b></font></DIV>"; code += "<DIV id=frame style=height:400;width:600><iframe width=600 height=400 src=http://www.cdiscount.com></iframe></DIV>";

---

Mais maintenant quand je colle ce code sur un autre site çà me décale tout
:evilred:super de remplacer les tableaux par des div car à l'arrivée çà marche encore moins bien ce qui me semblait difficile pfff je sais plus quoi faire je dois en être à plus de 24 h non stop de boulot dessus et rien à faire

tu repartirais sur une structure comme je te l'ai montré ...

dom + div + iframe + css , tu gagnerais en lisibilité et en maintenabilité ^^
ce que tu souhaites faire se faire en 20 minutes chrono ^^

Euh mais là j'ai des div une iframe et du css, il reste que le dom à faire par rapport à ce que tu dis mais je ne sais pas trop comment le faire
Est-ce que la syntaxe des deux DIV est correcte ou pas ? Moi çà me semble pas mal mais bon
20 minutes chrono euh pas sûr quand même :mrgreen:
Il y a des incompatibilités partout alors ...
Est-ce que le site sur lequel est collé ce code peut causer des problèmes ou non ? car sur deux sites différents je n'ai pas les mêmes résultats

le but est de faire du code non obstructif => quelque soit le site , ton code ne doit pas interférer ;)

le dom te permet d'ajout des éléments dans la page , mais tu peux par exemple ajouter une simple div , puis ajouter ton titre + lien + iframe a l'intérieur :)

ce qui t'évitera bien des souçis ...

Donc tu conseilles quoi finalement ?

Citation:

---

mais tu peux par exemple ajouter une simple div , puis ajouter ton titre + lien + iframe a l'intérieur

---

Et je fais çà comment ? Avec le DOM ?
N'y a t il pas moyen de faire plus simple sans innerhtml et sans dom ?
Merci de m'aider

question bete
que document.write n'est pas conseille je comprends bien mais pourquoi déconseillez vous aussi .innerHTML ?

çà rassure de voir que tout le monde est d'accord 8O8O8O
Personnellement je suis spécialiste PHP donc javascript et CSS ce n'est pas trop ma tasse de thé mais en PHP je me débrouille
En plus je viens de constater un autre problème avec le script, désormais on a accès au site en dessous alors que ce n'est pas normal le premier DIV bloque l'accès au site normalement mais il semblerait que les div qu'il contient foute le bazard encore une fois
Il doit bien y avoir une façon simple pour être compatible avec les navigateurs internet explorer et firefox et faire çà simplement non ?

parceque créer un objet en inserant son code HTML avec innerHTML est risqué, l'objet peut ensuite poser des souci au niveau de sa reconnaissance pleine et entière par le DOM ...;
Il est preferable de créer des objet par le DOM

Je vais encore passer pour un gros BIIIP lol mais c'est pas grave je commence a avoir l'habitude :aie:
Je ne connais pas les DOM
En jetant un regard sous google j'ai crus comprendre que ce sont des ? arbre? mais bon sa ne m'avance pas
(et ne me dites pas que je suis du genre a pas voire la foret avec tout ces arbres arf)

sorry de te demander sa mais sa marche comment les dom et on les utilise quand et comment?

merci d'avance

Je vais peut être me couvrir de ridicule une fois de plus mais le dom correspond a quelque chose comme un vecteur sous java non?
Dans ce cas a quoi me sert d'en créer un pour changer l'affichage dans un pauvre textfield?
sorry d'avance si c'est une question bête :oops:(me connaissant sa se pourrais bien :aie:)

Le DOM sert à gérer les objets en javascript ...
http://fr.wikipedia.org/wiki/Document_Object_Model

la base du DOM c'est

Code:

---

document.createElement

---

pars déja de là ...

OK merci a toi je vais essayer de me cultiver un peux ;)
comme dit je débute en javascript

EIN LERNER :D

Et tu parle allemand en plus??? :yaisse2:

de très vieux souvenirs qui remontent sous la torture :aie:

Pourquoi le code qui suit pose problème ?

Code:

---

1 2

code = "<DIV id=titre style=height:15;width:600;background-color:black><div><FONT style=float:left color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr target=_blank>Régie Publicitaire</a></b></font><FONT style=float:right color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.siteavisiter.com target=_blank>Ouvrir le site</a> <a style=color:#FFFFFF href=# onClick=closeSup()>Fermer</a></b></font></div></DIV>"; code += "<DIV id=frame style=height:400;width:600><iframe width=600 height=400 src=http://www.siteavisiter.com></iframe></DIV>";

---

Sinon pour en revenir au bug de départ, si on enlève le innerhtml et les tableaux et qu'on met juste des DIV le problème reste le même car j'ai testé
J'ai par contre découvert qu'une partie de l'erreur se situait là :

Code:

---

echo 'document.write("<DIV ID=\"pub\" STYLE=\"position:fixed;top:0;left:0\"></DIV>");

---

En le changeant et en mettant çà, le problème ne se pose plus entre les deux navigateurs, j'ai lu par ailleurs que internet explorer 7 a du mal avec position: fixed ce qui expliquerait peut-être que le problème se retrouve sur internet explorer :

Code:

---

echo 'document.write("<DIV ID=\"pub\" STYLE=\"position:absolute;top:0;left:0\"></DIV>");

---

Merci d'avance de votre aide

oui là ça devient un problème de compatibilité au niveau css ...

Mon code là est erroné :

Code:

---

1 2

code ="<DIV id=titre style=height:15;width:600;background-color:black><FONT style=float:left color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.monsite.fr target=_blank>Régie Publicitaire</a></b></font><FONT style=float:right color=#ffffff size=1><b><a style=color:#FFFFFF href=http://www.siteavisiter.com target=_blank>Ouvrir le site</a> <a style=color:#FFFFFF href=# onClick=closeSup()>Fermer</a></b></font></DIV>"; code += "<DIV id=frame style=height:400;width:600><iframe width=600 height=400 src=http://www.siteavisiter.com></iframe></DIV>"

---

Est-ce quelqu'un saurait ce qui provoquer le fait que le premier div en fond noir prenne toute la largeur de l'écran et que le second empiète sur le premier comme si il n'était pas là et celà uniquement lorsque le code est collé sur certains sites
Sinon avec les tableaux et innerhtml et en passant la position à absolute tout est ok si ce n'est que mon tableau n'est pas tout à fait en haut (uniquement sur internet explorer)

Comme celà ne fonctionne pas avec les DIV je vais laisser tomber et laisser le tableau qui fonctionne et j'ai trouvé comment enlever l'espace qui s'affichait en haut grâce à ce bout de code tout bête CELLPADDING=0 CELLSPACING=0
Il reste cette histoire de position:fixed et position:absolute
absolute fonctionne mais pas fixed et relative non plus

tu as bidouillé aussi du coté des z-index ?