begin process at 2010 02 09 17:53:14
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Utilisation du javascript sur des DIV

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

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

Membre Club
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 :
NavigateursQuelques 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

Membre Club
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


Nos sponsors


Sondage...

Comparez les prix


Console Nintendo DS Lite Rouge
Entre 137€ et 160€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

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
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)