Accueil > Forum > > > > Utilisation du javascript sur des DIV
 Utilisation du javascript sur des DIV
mardi 7 avril 2009 à 12:54:34 |
Utilisation du javascript sur des DIV
sebastiengoret
|
Bonjour a tous, Voila je cherche un moyen de modifier le bgcolor de mon Div, mais cela ne veut pas fonctionner. Je cherche une solution mais aucune n'est bonne. Quelqu'un pourrait m'aider?? Alors aussi, j aimerai modifier la position de mon bloc, mais celui-ci ne bouge pas non plus... Décidemment ;-) lol!!! Voici mon code (la partie rouge est celle concernée): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>classe d'élement déplaçable</title>
<link rel="stylesheet" type="text/css" href="style.css">
<SCRIPT language="JavaScript">
//la souris est en mouvement, appelle de la fct mvt
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = mvt;
function mvt(e){
var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
window.status = "Souris X:"+x+" / Y:"+y;
if (x==500){
//alert ('ok');
alert ('x= '+document.nom_img1.offsetLeft+'/y= '+document.nom_img1.offsetTop);
}
}
mvt();
function changement(){
var v= document.nom_img1.src;
if (v=='file:///C:/Users/Sebo/Desktop/image1.jpg'){
v='file:///C:/Users/Sebo/Desktop/page_forum.jpg';
}
else{
v='file:///C:/Users/Sebo/Desktop/image1.jpg';
}
document.nom_img1.src = v;
}
function changement_div(){
document.divtest.style.backgroundColor = '#000000';
document.divtest.style.left = '250';
}
</SCRIPT>
</head>
<body>
<img id="img1" src="image1.jpg" name="nom_img1" border=0 onMouseOver="changement()" onMouseOut="changement()">
<div id="div_test" name="divtest" onClick="changement_div();">
<img src="image1.jpg">
</div>
</body>
</html>
Merci à tous  Sébus La Brutus  |
|
mardi 7 avril 2009 à 13:13:43 |
Re : Utilisation du javascript sur des DIV
Bul3
|
Réponse acceptée !
Bonjour, les outils de deboggage existent avec k-memalon : Avertissement : L'utilisation de captureEvents() est déconseillée, voir le bogue 330494. Fichier source : file:///D:/Mes%20documents/%C3%A0%20D%C3%A9truire/!test.htm ---------- Erreur : e has no properties Fichier source : file:///D:/Mes%20documents/%C3%A0%20D%C3%A9truire/!test.htm Ligne : 16 et :
| Navigateurs | Quelques Explications |
|---|
Chrome
| contrôler page actuelle / Options pour développeurs
/ Console Javascript | 
FireFox
| Outils / Console d'erreurs
et mieux : télécharger FireBug | 
Internet
Explorer
| activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux (pour IE < 8) : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS | 
K-Meleon
| Outils / Console d'erreurs | 
Opera
| Outils / Avancé / Console d'erreurs | 
Safari
| Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/> |
Cordialement [ mon Site] [ M'écrire]  Bul
|
|
mardi 7 avril 2009 à 13:16:25 |
Re : Utilisation du javascript sur des DIV
Bul3
|
Réponse acceptée !
avec k-memalon
il fallait bien entendu lire k-meleon
et je précise que :
Fichier source : file:///D:/Mes%20documents/%C3%A0%20D%C3%A9truire/!test.htm
c'est parce que je l'ai copié là pour tester
|
|
mardi 7 avril 2009 à 13:27:57 |
Re : Utilisation du javascript sur des DIV
Zobibol
|
Réponse acceptée !
Bonjour, ça faisait bien longtemps que je n'étais pas intervenu sur ce forum. Pour moi il y a plusieurs erreurs : mais pour ce qui concerne ton erreur : essais: function changement_div(_obj){ with (_obj.style){ backgroundColor = '#000000'; left = '250'; } } et sur la div ou il faut cliquer: <div id="div_test" name="divtest" onClick="changement_div(this);"> par contre, comme ça il n'est pas compatible Firefox (ou alors, je n'utilise pas le renard.... Heu..... bah si ) erreur sur la gestion des déplacements: "e is undefined" ....
|
|
mardi 7 avril 2009 à 13:37:35 |
Re : Utilisation du javascript sur des DIV
kazma
|
Réponse acceptée !
bonjour
si ce n'est que changer la couleur et la position
function changement_div(_obj){
document.getElementById(_obj).style. backgroundColor = '#000000';
document.getElementById(_obj).style. left = 250+'px'
}
pour la couleur retire les guillemets pour voir ce que ca donne
attention pour changer la position l'element doit etre en position absolute ou relative
|
|
mardi 7 avril 2009 à 13:41:40 |
Re : Utilisation du javascript sur des DIV
sebastiengoret
|
Réponse acceptée !
Merci à toi Zobibol. Le bgcolor fonctionne très bien sur firefox et sur internet explorer. Cependant, la position ne se modifie pas... Il faut y inserer une ligne, position = 'relative ou absolute'
Evidemment... mdr
En tt k, un grand merci pour ton aide...
Par hasard, tu t'y connais dans les déplacement d'image en fonction de la position de la souris (sous forme de diapo!!!)
Sébus La Brutus
|
|
mardi 7 avril 2009 à 13:44:37 |
Re : Utilisation du javascript sur des DIV
Zobibol
|
Réponse acceptée !
Qu'entends-tu par :
<citation>
Par hasard, tu t'y connais dans les déplacement d'image en fonction de la position de la souris (sous forme de diapo!!!)
</citation>
Parce que je ne comprends pas trop !!!
[o-_-o]
|
|
mardi 7 avril 2009 à 13:49:37 |
Re : Utilisation du javascript sur des DIV
sebastiengoret
|
Réponse acceptée !
j ai deja poster sur une autre page. http://www.javascriptfr.com/forum/sujet-JAVASCRIPT-MENU-DYNAMIQUE-FONCTION-POSITION-CURSEUR-SUR-CELUI_1292752.aspx Voila le lien merci ;-) Sébus La Brutus
|
|
Cette discussion est classée dans : document, div, img1, mvt, if
 Répondre à ce message
 Sujets en rapport avec ce message
Placement d'une div sur un textbox [ par ludovicanceaux ]
Salut à tous, J'ai un problême de compatibilité entre firefox et internet explorer en fait ma fonction doit faire apparaitre une div avec une sorte d
récupération de données SQL dans une infobulle [ par creaDB ]
Bonjour tout le monde, voilà je débute avec l'infoBulle Javascript et je cherche à y inclure un résultat de requete php/mysql. Je m'explique, je souha
positionnement div emplacement pointeur et map area [ par demnatis ]
Bonjour a tous,Les forums de javascript.com m'ont souvent fait progresser dans mes recherches et j'y ai souvent trouvé la solution corriger mes script
fonction avec plusieurs paramètres [ par yannus29 ]
Bonjour,Je souhaite faire une fonction qui affiche un bloc si le client choisi "oui" dans le formulaire. Voici mon premier code :Dans le HEAD :functio
défilement images effet fondu, ne marque que sur FIREFOX [ par fulltrip ]
Bonjour,Comme il est explicité ci-dessus je n'arrive pas à faire marcher mon script JAVASCRIPT sur IE.Si quelqu'un peut voir ou se situe le problème j
Accés à une page via user et mot de passe avec ajax et php [ par developvbdebut ]
BonsoirVoici mon problème.Au départ je suis sur la page index.html, en saissant le bon nom utilisateur et le mot de page, je veux acceder à la page su
controle de formulaire [ par cyrilherve ]
bonjour a tous ,,j'ai un formulaire que je veux controler avec javascript, je veux dans un premier temps m'assurer que tout les champs sont remplis, s
insérer une fonction javascript dans un formulaire [ par s1ider ]
Bonjour à tous!J'espère avoir posté dans le bon topic sinon veuillez m'en excuser.Je viens à vous parceque cela fait 2 jours que je tente d'insérer un
modification lightbox .... bouton close en haut a droite [ par petardier ]
bonjour,je souhaite modifier une light box en mettant le bouton close en haut a gauche , plutot qu'en bas.Ainsi, quand une image est plus grande que l
Fonction [ par scorpion077 ]
Bonjour,l'objectif de la fonction suivante est de verifier que au moins un des 3 champ (sexe, region, age (de 'age1' à 'age2')) est rempli.Mon problèm
 Livres en rapport
|
Derniers Blogs
 XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|