begin process at 2010 03 21 16:11:55
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Déplacement calque et "NomDiv IS NOT DEFINED"...


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

Déplacement calque et "NomDiv IS NOT DEFINED"...

mardi 10 avril 2007 à 20:42:48 | Déplacement calque et "NomDiv IS NOT DEFINED"...

mario_a_nantes

Salut!

Je me met doucement au javascript et ... j'ai un PROBLEME
Je souhaite déplacer un calque suivant des coordonnées que je calcule, tout en garantissant une compatibilité la + large possible (notamment FireFox!)... J'ai tout d'abbord essayé de trouvé des lignes de code pour déplacer des calques (DIV), mais ça n'a jamais fonctionné sur Firefox. Voici mon code:

<!-- DEBUT DU SCRIPT -->
<SCRIPT language=JavaScript>


// test navigateur
<!-- IE5+ / NS6 / OP4+ / FFox -->
if (document.getElementById)
{
compatible_IE5_NS6_OP4_FF=true;
doc_width = self.innerWidth;
doc_height = self.innerHeight;
off = "hidden";
on = "visible";
}
<!-- NS4 -->
else if (document.layers)
{
compatible_NS4=true;
doc_width = self.innerWidth;
doc_height = self.innerHeight;
off = "hide";
on = "show";
}
<!-- IE4 -->
else if (document.all)
{
compatible_IE4=true;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
off = "hidden";
on = "visible";
}

// affichage des calques
if (compatible_NS4)
{
document.write("<layer name=BANDO left=15 top=15 visibility="+off+"><img src=\"layers/bando.gif\" border=0></layer>");
document.write("<layer name=menu0 left=15 top=15 visibility="+off+"><img src=\"layers/menu0.gif\" border=0></layer>");
}
else if (compatible_IE4 || compatible_IE5_NS6_OP4_FF)
{
document.write("<div id=BANDO style=\"POSITION: absolute; Z-INDEX: 1; VISIBILITY: "+off+"; TOP: 15px; LEFT: 15px;\"><img src=\"layers/bando.gif\" border=0></div>");
document.write("<div id=menu0 style=\"POSITION: absolute; Z-INDEX: 1; VISIBILITY: "+off+"; TOP: 15px; LEFT: 15px;\"><img src=\"layers/menu0.gif\" border=0></div>");
}

//divers calculs puis...
// boucles d'affichage
if (compatible_IE5_NS6_OP4_FF)
{
for (counter=0; counter<(2*max); counter++)
{
eval(document.getElementById(BANDO).style.left = (doc_width-715)/2 + "px");
eval(document.getElementById(BANDO).style.top = (animationBANDO_Y()-115) + "px");
}
}

Réponse de Firefox = "BANDO IS NOT DEFINED"
en rapport avec la première utilisation du DIV BANDO
eval(document.getElementById(BANDO).style.left = (doc_width-715)/2 + "px");

Et via IE & FFox, y'a juste l'affichage du calque en possition initiale, mais aucune animation


Vous z'y comprenez quelque chose ???
Help please

mardi 10 avril 2007 à 21:53:21 | Re : Déplacement calque et "NomDiv IS NOT DEFINED"...

nhervagault

Administrateur CodeS-SourceS
Réponse acceptée !
Salut

Bando il faut le mettre entre ' ou " c'est l'id de ton div
dans ta fonction getElementById
Sinon c'est considéré comme une variable donc undefined

Voila
mardi 10 avril 2007 à 23:17:36 | Re : Déplacement calque et "NomDiv IS NOT DEFINED"...

mario_a_nantes

Réponse acceptée !
Hum, effectivement. M'en vais tester ça...
Merci d'avoir pris le temps de regarder ce code nhervagault!!!
jeudi 12 avril 2007 à 13:44:15 | Re : Déplacement calque et "NomDiv IS NOT DEFINED"...

mario_a_nantes

Réponse acceptée !
Hum, encore et toujours un problème!
à la ligne modifiée d'après Nhervagault:
"eval(document.getElementById("BANDO").style.left = (doc_width-715)/2 + "px");"
Firefox se bloque et la console javascript m'indique "need (ou place, je sais pu) ; before statement"en m'indiquant le "px" de la ligne de code.

j'ai ajouté un parseInt ((doc_with-715)/2). Le problème vient peut être du fait que je veux concaténer un entier avec une chaîne de caractère?
j'ai essayé aussi
eval("document.getElementById(\"BANDO\").style.left ="+ parseInt((doc_width-715)/2) + "px");
et je ne sais combien d'autres combinaisons sans résultat...
C'est où qu'ça cloche????



Cette discussion est classée dans : doc, document, width, compatible, calque


Répondre à ce message

Sujets en rapport avec ce message

animation JS "au dessus" d'un flash [ par feydakin ] bonjour, je voudrais faire defiller le script javascript suivant ********* var snowsrc="**image**.gif" var no = 15; var ns4up = (document.layers) javascript et w3c [ par dadateite ] j'aimerais faire passer ce script aux normes W3C mais il ne pass epas: /* Snow Effect Script Created and submitted by Altan d.o probleme javascript + area shape [ par AlexC31 ] Bonjour, J'ai un code en Javascript qui permet d'afficher des images en fonction de la résolution de l'écran. Si la résolution est par exemple en 10 [AIDE]Problème avec un calque et fonction Onmouseover ? [ par masta64 ] Bonjour à tous, voila je débute et je suis entrain de construire mon site perso et je me trouve devant un probléme que je n'arrive pas à regler et ca Est bien le type document ? [ par fregolo52 ] Bonjour,Je reprends un code source d'un composant XPCom FireFox, donc, dll + js.Dans le js, il y a dans une fonction :doc.bodydoc.forms.lengthdoc.defa ajout fonction scroll [ par claudy03 ] Voilà, j'ai trouvé le script javascript  qui suitdans le head :function resizePopUp(monImage, monTitre)    {   &nbsp Parade au style.width sous FireFox ? [ par Shibo_Sources ] Bonjour, je découvre à peine toutes les possibilités qu'offre le javascript ce qui explique mon niveau (je ne me suis pas trompé de section au moins : Bug Firefox recuperation de la taille de l'image [ par malkomad ] Bonjour a tous, Je développe une site de type galerie, et j'ai un pb sous firefox ( uniquement ) lorsque je souhaite récupérer la taille de l'image e Script Automne [ par potaba ] Bonjour !!!!      J'ai trouvé une superbe script en rapport avec l'automne pour mon forum mais il n'est que compatible avec Internet explorer Est-ce q Problème pop-up Internet Explorer [ par qwhat ] Bonjour,J'ai pas mal cherché, mais je ne trouve pas pourquoi mon popup ne fonctionne pas sur IE. C'est un popup qui doit se redimensionner automatique


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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,265 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales