GO.ON l Le forum de la communauté francophone de Go

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Bienvenue sur le forum GO.ON consacré à la pratique du jeu de Go. Vous y trouverez des conseils de jeu, des partenaires pour de nouvelles parties et beaucoup d'autres choses. Bonne visite.
Le Deal du moment : -50%
-50% Baskets Nike Dunk Low
Voir le deal
64.99 €

    Hover au survol, ou pop-up au clic dans un message

    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Hover au survol, ou pop-up au clic dans un message

    Message par LDL Jeu 17 Jan 2013 - 19:21

    .


    bon tout est dans le titre, si il y a des codeurs dans la salle.....

    j'ai bien sur fait des recherches sur le net, essayé pas mal de soluces, pas encore trouvé,
    malgre le fait que le html soit ouvert dans les messages forum....

    genre :

    Code:
    <a href="#" ><img src=" URL_IMG-1 " onmouseover="this.src=' URL_IMG-2 '" onmouseout="this.src=' URL_IMG-1 '"  /></a>


    mais bien sur ca fonctionne pas.
    qeelqu'un a une idee ?


    .


    Dernière édition par LDL le Lun 1 Juil 2013 - 6:14, édité 1 fois
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Ven 18 Jan 2013 - 15:19

    autre code fonctionne pas :


    Code:
    <img src="http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png"
    onmouseover="this.src='http://www.psdgraphics.com/wp-content/uploads/2009/12/zoom-in-icon.jpg'"
    onmouseout="this.src='http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png'"/></img>

    la fonction onmouse est pas reconnue malheureusement...
    Sad




    .

    Lhor

    Lhor
    Membre GO.ON l 5K
    Membre GO.ON  l   5K

    Niveau KGS : 7 Kyu
    Messages : 119
    Points : 1699
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Lhor Ven 18 Jan 2013 - 15:51

    Pour le pop-up, je pensais à un truc avec onClick=function_en_Javascript_qui_ouvre_une_pop_up_avec_l'image. Mais là je n'ai pas trop le temps de m'y pencher.
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Ven 18 Jan 2013 - 16:15

    .


    oui aussi possible....
    je vais aussi my pencher avec mes maigres connaissances...
    Wink


    .
    Lhor

    Lhor
    Membre GO.ON l 5K
    Membre GO.ON  l   5K

    Niveau KGS : 7 Kyu
    Messages : 119
    Points : 1699
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Lhor Ven 18 Jan 2013 - 16:29

    La fonction alert(arg) permet d'afficher une pop-up basique avec un bouton ok. Il ne reste plus qu'à y insérer une image ^^
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Ven 18 Jan 2013 - 17:17

    fonctionne pas dans un message, j'ai essaye deja.




    .
    Gnomy

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy Jeu 7 Fév 2013 - 9:44

    Je pense qu'il faut aller chercher du coté de JQuery et de sa popup modale.
    Ou alors une solution comme ca:
    http://www.cabel.name/2008/02/fancyzoom-10.html

    Je ne pense pas qu'il soit possible de mettre une image dans une popup d'alerte.

    Sinon pour le mouse hover, tu a essayé la version en CSS?

    Code:


    <div class="imageQuiChange" />

    <style>
    .imageQuiChange
    {
    /* width et height a definir*/
    width: 640px;
    height: 480px;
    background: url('http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png');
    }
    .imageQuiChange:hover
    {
    /* width et height a definir*/
    width: 640px;
    height: 480px;
    background: url('http://www.psdgraphics.com/wp-content/uploads/2009/12/zoom-in-icon.jpg');
    }
    </style>
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Jeu 7 Fév 2013 - 10:09

    .



    ca fonctionne pas apparemment...
    Sad

    dommage.
    Sad



    .
    Gnomy

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy Jeu 7 Fév 2013 - 16:13

    Ca m'étonne quand même.

    Test





    Soit:
    Code:

    <div class="test" >Test</div>

    <style>.test{background: url('http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png');width:200px;Height:200px;}.test:hover{background:url('http://www.psdgraphics.com/wp-content/uploads/2009/12/zoom-in-icon.jpg');width:200px;Height:200px;}</style>


    Dernière édition par Gnomy le Jeu 7 Fév 2013 - 16:37, édité 2 fois
    Gnomy

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy Jeu 7 Fév 2013 - 16:27

    Mouse hover: Done! Wink

    Regarde la source de mon message LDL, le contenu de la balise style doit être sur une seule ligne!
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Jeu 7 Fév 2013 - 16:36

    .

    classe...


    )par contre le panneau message n'est plus accessible en bas,
    jai l'impression que c'est le code qui le bloque. je poste via le bouton Repondre.).

    EDIT : Réglé, probleme de balise...
    Wink

    sinon dans ce cas ci, c'est une image off-on de la meme taille...
    si je veux une image 200x200 et le hover fait apparaitre une iamge 500x500 qui recoucre ce qu'il y a autour,comme tu texte, est-ce possible ? (je suppose seulement via js query, comme l'exemple que tu as donne,
    mais le code, j'ose meme pas imaginer !)
    Yo


    .


    Dernière édition par LDL le Jeu 7 Fév 2013 - 16:38, édité 1 fois
    Gnomy

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy Jeu 7 Fév 2013 - 16:37

    J'ai regle le problème! Wink

    Test du changement de taille:

    Test




    On pourra pas mettre de js dans les messages je pense, mais je testerai tout a l'heure. Peut être qu'on peut faire tout ca en html, faut voir.

    Autre texte
    Test

    Autre texte





    Dernière édition par Gnomy le Jeu 7 Fév 2013 - 18:57, édité 10 fois
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Jeu 7 Fév 2013 - 16:43

    Test du changement de taille:



    survolez pour aggrandir



    Re test : fonctionne pas en preview, donc en direct seulement sur le forum apparemment.
    Ce texte sera t -il recouvert par l'image "On" ?
    (ou tout se decale vers le bas pour laisser de la palce a l'image On ?)

    EDIT : Tout se decale vers le bas, zut....


    .
    LDL

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82179
    Mercis reçus : 835

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL Mer 20 Fév 2013 - 18:21

    .


    des nouvelles sur le hover js ?
    Wink



    .
    Gnomy

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy Jeu 21 Fév 2013 - 18:12

    Je n'ai rien trouvé sans JS, et les posts refusent le JS.

    Contenu sponsorisé

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 20:42