Rendre un lien Javascript compatible pour JQUERY

**Knular** · 19/08/2012, 18h48

Bonjour !

Je souhaiterai faire d'un code en javascript un lien (Voir plus bas) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head>
 
<body>
    <script type="text/javascript">
    $(function() {
    $('a[href=#header]').click(function(){
    $('html').animate({scrollTop:500}, 'slow');
	$(this).hide();
    return false;
    });
    });
    </script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
    <div>
    <a href="#header">
<script type="text/javascript" src="http://mon lien"></script></a></div>
</body>

Comme vous pouvez le voir le lien javascript est entre les balises <a> mais cela ne marche pas.
Ce script en javascript vient d'une régie publicitaire, je souhaite qu'en cliquant dessus la bannière disparaisse grâce à Jquery et que la page remonte à mi hauteur..
Mais quand je clique sur ma bannière j'ouvre la publicité mais la bannière reste....

Je gère bientôt un site marchand et je souhaiterai que la bannière disparaisse après l'avoir cliqué...Par contre si la page est actualisée la bannière peut revenir..

En faite je souhaite une solution pour que la bannière renvoie vers la publicité
et qu'en même temps elle disparaisse...

Je sais que la fonction hide permet de cacher des <div> avec des mots et images :

<div>mot</div>
<div><img src="...."></div>

Mais pour les liens en javascript

<div><script type="text/javascript">....</script>

Auriez vous une solution voire une alternative s'il vous plaît ?

Merci d'avance

**SpaceFrog** · 19/08/2012, 19h50

scrollTop sur html

? essaye plutot sur body
et préfère un preventDefault a un retun false.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
   <script type="text/javascript">
    $(function() {
    $('#header').click(function(e){
    e.preventDefault();  
    $('body').animate({scrollTop:500}, 'slow');
	$(this).hide();
 
    });
    });
    </script>

**Knular** · 19/08/2012, 20h33

Merci pour ce détail mais vous ne répondez pas à mes questions

**danielhagnoul** · 19/08/2012, 20h49

scrollTop : la chose peut sembler étrange, mais pour des problèmes de compatibilité avec les navigateurs, j'utilise $("html, body") depuis longtemps (voir le code de http://danielhagnoul.developpez.com/.../goUp/goUp.php).

Je suggère de tester :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$( "a[href='#header']" ).click( function(){
   $("html, body").animate( { scrollTop : "500px"}, "slow" );
   $( this ).parent().hide(); // faire disparaître la division parent du lien.
   return false;
});

**Knular** · 20/08/2012, 00h31

Bonsoir

Vous répondez à côté de mes questions, je n'ai aucun problème avec la remonté de la page par le click !!

Je souhaite cacher le <div> de ma régie publicitaire quand les internautes clickent sur ma pub, quelle disparaisse par la suite !

Le lien du script étant un <script.....

quand je click donc dans le <div> rien ne se passe je vais vers la page de la pub et c'est tout

**Auteur** · 20/08/2012, 02h16

bonjour,

Essaye d'abord ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div onclick="this.style.display='none'">
<script type="text/javascript" src="http://mon lien"></script>
</div>

Les balises script indiquent que le contenu est du javascript (du code à exécuter). Ton script doit contenir quelque part un document.write() qui affiche ta publicité. Le code javascript n'est pas un objet HTML.

**Knular** · 20/08/2012, 02h54

Ca ne marche toujours pas, je clique sur cette bannière et elle ne disparaît pas, ça ouvre toujours une nouvelle fenêtre vers la publicité...

Je suis sûr que c'est possible, je ne renonce pas mais ce code en javascript rend l'affaire compliquée.

**SpaceFrog** · 20/08/2012, 08h38

Si le hide n'est pas effectif, c'est que la pub ne se met pas dans la balise a.
Si tu as firefox et la webdevtoolbar ou firebug, regarde le code html généré de ta page tu verras ainsi ou et dans quelle balise est placée ta pub, tu pourras alors en faire un hide

Rendre un lien Javascript compatible pour JQUERY

jQuery

Discussions similaires

Partager

Partager