Afficher un slide lors d'un clique

[Xibition]

Bonsoir, je refais appel à vous, oui désolée

Ca concerne encore une fois mon slide , je me demandais s'il était possible de ne l'afficher que lorsqu'on clique ? Vous me direz de remplacer .onMouseOver par .onClick sauf que là y'a ni l'un ni l'autre ..

Merci d'avance !

[Xibition]

up

[Xibition]

up

[Xibition]

up du jour

[Xibition]

up !

[Ea]

Bonjour,


Et il y a quoi ?

Cordialement.

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 14 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Ce sujet est corbeillé (rappel de pourquoi), merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum. A bientôt sur ForumActif

[Chacha]

Bonjour, Sujet replacé à la demande de l'auteur du topic. A bientôt sur ForumActif

[Xibition]

Merci Chacha

voilà le code Ea :

Code:


<div id="New_sujet">           
        <ul>
              <li>
                    <table border="0" width="200" height="300" cellpadding="0" cellspacing="0">
                          <tbody>
                                <tr>
<td class="td_2" width="42px" border="0" valign="top"  height="300"><img src="http://img15.hostingpics.net/pics/234219lastmssg.png" border="0" alt="" title="" /></td><td width="158px" align="center" id="comments_scroll_div" valign="middle">
<iframe name="tfa3" style="visibility: hidden; width:0; height:0;" src="http://www.graph-perle.com/portal" onLoad="var tfa3=window.tfa3.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=tfa3.innerHTML;"></iframe></td>
                              </tr>
                        </tbody>
                </table>
            </li>     
      </ul>   
</div>
  <script type="text/javascript">
            $(function() {
                $('#New_sujet li').stop().animate({'marginLeft':'158px'},1000);
                $('#New_sujet> ul').hover(
                    function () {
                        $('li',$(this)).stop().animate({'marginLeft':'2px'},500);
                    },
                    function () {
                      $('li',$(this)).stop().animate({'marginLeft':'158px'},500);
                    }
                );
            });
        </script>

[Xibition]

Up

[Xibition]

up

[Xibition]

up

[Xibition]

up

[Xibition]

Up..

[Xibition]

Up

[Xibition]

up !

[Xibition]

up !

[Xibition]

up

[Xibition]

up ..

[Xibition]

up !

[Xibition]

up ?

[Pinguino]

Bonjour


je ne suis vraiment pas sur mais essayez de remplacer le script par celui ci

Code:

       
        <div id="New_sujet">         
                <ul>
                      <li>
                            <table border="0" width="200" height="300" cellpadding="0" cellspacing="0">
                                  <tbody>
                                        <tr>
        <td class="td_2" width="42px" border="0" valign="top"  height="300"><img src="http://img15.hostingpics.net/pics/234219lastmssg.png" border="0" alt="" title="" /></td><td width="158px" align="center" id="comments_scroll_div" valign="middle">
        <iframe name="tfa3" style="visibility: hidden; width:0; height:0;" src="http://www.graph-perle.com/portal" onLoad="var tfa3=window.tfa3.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=tfa3.innerHTML;"></iframe></td>
                                      </tr>
                                </tbody>
                        </table>
                    </li>   
              </ul> 
        </div>
          <script type="text/javascript">
                    $(function() {
                        $('#New_sujet li').stop().animate({'marginLeft':'158px'},1000);
                        $('#New_sujet> ul').hover(
                            function () {
                                $('li',$(this)).stop().animate({'marginLeft':'2px'},500);
                            },
                            function () {
                              $('li',$(this)).stop().animate({'marginLeft':'158px'},500);
                            }
                        );
                    });
                </script>

Cordialement,

[Xibition]

Bonjour, alors déjà merci beaucoup d'avoir pris le temps de répondre, j'attend depuis très longtemps

Donc j'ai essayé le code mais ça ne marche pas ..

:thanks:

[Pinguino]

ahhh mais j'ai recopié le meme code que vous aviez posté T_T

merci de refaire un test avec celui ci

Code:

             
                <div id="New_sujet">       
                        <ul>
                              <li>
                                    <table border="0" width="200" height="300" cellpadding="0" cellspacing="0">
                                          <tbody>
                                                <tr>
                <td class="td_2" width="42px" border="0" valign="top"  height="300"><img src="http://img15.hostingpics.net/pics/234219lastmssg.png" border="0" alt="" title="" /></td><td width="158px" align="center" id="comments_scroll_div" valign="middle">
                <iframe name="tfa3" style="visibility: hidden; width:0; height:0;" src="http://www.graph-perle.com/portal" onLoad="var tfa3=window.tfa3.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=tfa3.innerHTML;"></iframe></td>
                                              </tr>
                                        </tbody>
                                </table>
                            </li> 
                      </ul>
                </div>
                  <script type="text/javascript">
                            $(function() {
                                $('#New_sujet li').stop().animate({'marginLeft':'158px'},1000);
                                $('#New_sujet> ul').onClick(
                                    function () {
                                        $('li',$(this)).stop().animate({'marginLeft':'2px'},500);
                                    },
                                    function () {
                                      $('li',$(this)).stop().animate({'marginLeft':'158px'},500);
                                    }
                                );
                            });
                        </script>

[Xibition]

mdr ce n'est pas grave

Donc là le slide ne s'ouvre ni au hover ni au clique

[Xibition]

up !

[Xibition]

up !

[AenigmA]

Bonjour, essaie .click au lieu de .hover


ps non, ne fonctionne pas.

[Xibition]

effectivement ça ne fonctionne pas :/

J'ai une question par contre : Je crois que c'est un peu compliqué de faire ça avec ce script, est ce possible de mettre un slide au même endroit que celui là, et qui s'ouvre lors du clique ? (et qui contient les derniers messages bien sur)

[AenigmA]

Orientes toi vers le script pour les qeel (au même endroit où tu as trouvé celui-ci, dans libre service qeel). On peut positionner où l'on veut et au click.