begin process at 2010 03 19 03:58:57
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Fonctionnement d'une propriété d'un navigateur

 > 

Probleme image animée au survol de la souris au survol de la souris dans un formulaire


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

Probleme image animée au survol de la souris au survol de la souris dans un formulaire

mardi 1 janvier 2008 à 17:02:29 | Probleme image animée au survol de la souris au survol de la souris dans un formulaire

morgan_18


Salut a tous, Premier post sur ce forum pour peut etre trouver la solution a l'un de mais probleme...

Voila j'ai formulaire dont l'envoi s'effectue par une images. J'usque la rien de compliqué mais je voudrais animer mon images au survol a de la souris.

Mais lorsque je survole mon image de formulaire l'image change mais soit sur l'emplacement de l'image precedente soit sur l'emplacement l'image suivante mais en aucun cas sur l'image du formulaire :

Voici le debut de mon code  n'hesite pas a me faire parvenir vos idées

<!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>

<script type="text/javascript">

function afficheimage (adresseimage,placeimage) {

document.images[placeimage].src = adresseimage;

}

</script>


<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#00349a">

<table id="Tableau_01" width="901" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td colspan="3">
            <img id="WebDesign_01" src="images/WebDesign_01.gif" width="90" height="29" alt="" /></td>
        <td colspan="2">
             <form method="GET" action="index.php" style="margin:0px" ></form>
                  <input type="image" src="images/WebDesign_02.gif" width="156" height="29" onmouseover="afficheimage('images/WebDesign_02_mouse.gif',0)" onmouseout="afficheimage('images/WebDesign_02.gif',0)">
                  <input type="hidden" name="afficher" value="accueil" >
            </form>
        </td>

Merci par avance...

Morgan
mercredi 2 janvier 2008 à 09:25:25 | Re : Probleme image animée au survol de la souris au survol de la souris dans un formulaire

malalam

Administrateur CodeS-SourceS
Déplacé sur javascriptfr
mercredi 2 janvier 2008 à 10:16:35 | Re : Probleme image animée au survol de la souris au survol de la souris dans un formulaire

bultez

Membre Club


Bonjour,

>>mage change mais soit sur l'emplacement de l'image precedente soit sur
>> l'emplacement l'image suivante  mais en aucun cas sur l'image du formulaire

    désolé... pas compris.
        c'est quoi l'image précédente ou suivante ?

        et que faut-il changer ?    id="WebDesign_01"  ou l'image survolée ?

    tel que c'est fait ( pas testé ), il semble que ce soit la
        1ère image de la page qu'on modifie et rien d' autre.



                Cordialement            Bul         «mon Site»     «M'écrire»
mercredi 2 janvier 2008 à 11:18:50 | Re : Probleme image animée au survol de la souris au survol de la souris dans un formulaire

Zobibol

Bien le bonjour, je ne sais pas si cela répondra à ta question, mais c'est on jamais !

<!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>

<script type="text/javascript">

function afficheimage (adresseimage,_img) {
    _img.src = adresseimage;
}

</script>


<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#00349a">

<table id="Tableau_01" width="901" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td colspan="3">
            <img id="WebDesign_01" src="images/WebDesign_01.gif" width="90" height="29" alt="" /></td>
        <td colspan="2">
             <form method="GET" action="index.php" style="margin:0px" ></form>
                  <input type="image" src="images/CheckFalse.png" width="156" height="29" onmouseover="afficheimage('images/WebDesign_02_mouse.gif',this)" onmouseout="afficheimage('images/WebDesign_02.gif',this)">
                  <input type="hidden" name="afficher" value="accueil" >
            </form>
        </td>
</table>
</body>
</html>

J'ai juste modifier :
    la signature de la méthode afficheimage, :
    function afficheimage ( adresseimage, _img )
    avec _img qui contient un contrôle de type input type="image"
ensuite dans l'appel :
    onmouseover="afficheimage('images/WebDesign_02_mouse.gif',this)"
this pointant sur le contrôle graphique.
j'ai fait quelque test et c'est magique l'image change lors du survol ;o)
[o-_-o]
mercredi 2 janvier 2008 à 11:45:00 | Re : Probleme image animée au survol de la souris au survol de la souris dans un formulaire

morgan_18

Merci, Zobibol c'est exactement ce que je chercher....

Morgan


Cette discussion est classée dans : formulaire, image, probleme, souris, survol


Répondre à ce message

Sujets en rapport avec ce message

probleme onmouseout avec Firefox [ par laurent2005 ] Bonjour à tous, J'ai un petit script qui fonctionne bien sous IE mais pas avec FF et Netscape. Mon code (en php): echo " deplacer une image à des coordonnées [ par gnosis35 ] salut voilà le pb : je clic sur une image et là j'ai pour tester deux texts box qui récupérent les coordonnées x,y de la souris... bon ça c tres bi Savoir si un element du formulaire existe ??? [ par tonic1 ] Bonjour a tous, mon probleme est assez simple, mais je n aie pas trouve de solution.Je construit un formulaire dynamique compose de plusieurs checkbox Déplacer un DIV avec une image à l'intérieur [ par flexx ] BonjourJe souhaite déplacer un div avec la souris en cliquant à l'intérieur (glisser-déplacer)Le problème, c'est que quand le div contient une image ( Limité taille image dans un formulaire [ par laubro ] j' ai posé la question sur phpcs et on m'a dit de la poser sur javascript ! ! j'ai un site ou via un formulaire on peuser uploader (php) des images su javascript onkeyup event.keyCode probleme [ par natsou_k ] Bonjour, j'ai un petit probleme en javascript voici mon appel de fonction et ma fonction :function clickformulaire(a,formulaire,element){ Probleme avec "IF" dans un formulaire [ par ripmaster ] Bonjour, J'ai fait une vérification de formulaire avec 2 "IF" (pour 2 conditions) et un else à la fin qui envoie le formulaire si les conditions sont Probleme javscript + php [ par Anthotill ] Bonjour à tous !J'ai un code simple pour agrandir une image dans une popup qui se redimensionne a la taille de cette image :"JavaScript">function Popu 2 actions sur survol d'une image/bouton [ par metis15 ] Bonjour,je ne trouve pas comment associer deux fonction dns un script, il s'agit de changer l'image d'un bouton (rollover clasique) + faire apparaître Remplir un champ du formulaire via popup (URGENT) [ par jmobylette ] Bonjour,Je suis en train de faire un formulaire et j'ai un champ image :Image : "hidden" name="image"</F


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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 : 1,888 sec (3)

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