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
 [MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE
Logiciels
 Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|