Jquery 1.0.2 + changement de contenu fade in fade out

Bonjour à tous,

Je viens vers vous pour un problème avec jQuery 1.0.2.

Suremment je ne doit pas être à la bonne place je m'en excuse d'avance.

J'ai donc attaqué un peu jQuery et trouvé votre article ici

Et j'ai effectivement trouvé mon bonheur en ce qui concerne le changement de contenu en fade in fade out avec la librairie jQuery.

Tout ceci fonctionne très bien sous mozzila firefox

en revanche sous toutes versions de Internet Explorer, un petit message d'erreur viens agrémenter error on line 759 et impossible d'effectuer le fade in fade out

le code javascript mis en place :

	var current;
	var next;
	$(document).ready(function() {

	$("div.hideu").hide();
	current = $("div#login_txt");
	current.show();
	
	$("div#header_right ul li a").click(function() {
		next = $("div"+this.getAttribute("href"));
		current.fadeOut(500, function() {
			current = next;
			current.fadeIn(500);
			});
		return false;
	});
});

le code html :

		<div id="header_right">
			<div id="login_txt">
				<ul>
					<li><a href="#login">Login</a></li>
					<li class="lastelement"><a href="/inscription.php">Cr&eacute;er un Blog</a></li>
				</ul>
			</div>
			<div id="login" class="hideu">
				<ul>
					<li class="lastelement">
						<?php
						global $user_ID, $user_identity;
						get_currentuserinfo();
						if (!$user_ID):
						?>
							<form name="loginform" id="loginform" action="<?php echo get_settings('siteurl'); ?>/login.php" method="post">
							<label><?php _e('Login') ?>:
							<input type="text" name="log" id="log" value="" size="6" tabindex="7" /></label>
							<label><?php _e('Password') ?>:
							<input type="password" name="pwd" id="pwd" value="" size="6" tabindex="8" /></label>
							<input type="submit" name="submit" value="<?php _e('Connexion'); ?>" tabindex="10" />
							<?php register('', ''); ?>
							<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/>
							</form>
						<?php
						else:
						?>
					</li>
 					<li class="lastelement">
 						<?php register(); ?>
					</li>
					<li class="lastelement">
						<?php loginout(); ?>
					</li>

						<?php
						endif;
						?>
					<li class="lastelement"> <a href="login_text"><img src="/images/delete_sprite_hover_png" border="0" alt="Retour" title="Retour" /></a>
					</li>
				</ul>
			</div>
		</div>

alors je pense peut être à tort qu'il n'y a pas d'erreur coté code...

mais peut être un fix concernant le code javascript peut être un appel faisant référence à une fonction interne de IE

ah si j'oubliais il y'a une erreur sous mozilla concernant "Opacity" sans plus de détails.

peut être une piste que j'ai exploré mais sans succès.

Merci à tous,

Atchoum

je me répond en lisant les commentaires dans un débat houleux sur l'utilisation de tél ou tél librairie bref.

je trouve ça

element.getAttribute(href)

et visiblement j'ajoute un "." de maniere à avoir (.href)

je charge sur IE

le fade out s'effectue mais rien après logique. mais sa confirme que le problème viens d'ici.

si je trouve je repasse.

Merci

Atchoum

et bien voilà encore une fois, je post un message pour avoir de l'aide et finalement je trouve la réponse ...


je comprend pas je suis desolé.

donc la réponse ce trouve sur

getAttribute(‘href’,2);

en ajoutant le flag 2

va savoir serge...

Merci et bonne soirée

en tout cas, merci à toi,
tu as résolu mon problème !

tu demandais de l'aide,
et c'est toi qui en a apporté !

a+

Est-il possible d'activer le fade avec un événement onClick par exemple, plutôt que ça soit automatique ?

(bon en plus j'aimerais le faire sur plusieurs div différents plutôt que des LI, bah va falloir trafiquer voilà tout )
Modifié par Tetsuoo (14 Nov 2008 - 15:54)