begin process at 2012 02 13 11:38:56
  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 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 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 : pb pr ajout dynamique de champs textes par un clic sur un bouton "ajouter" [ par 24002717 ] Bonjour, je suis debutante en programmation et pour la creation d'enquêtes de satisfaction, je voudrais pouvoir ajouter une réponse au dessus de l'end Effet neige a l'invers [ par lnazcal ] Bonjour,Comment le sujet le dit si bien je cherche un javascript qui fasse un effet boules dans un verre de cola.Je me suis dit que il faudré changer


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

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

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