11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis en train de mettre à jour mon site internet.

http://www.gerard-bertholet.fr

J'ai intégré la bibliothèque Jquery et j'utilise entre autres les fonctions toggle et scrollto.

Problème scrollto:

J'utilise un défilement scrollto à partir du menu à gauche : bienvenue/présentation.....
le défilement se fait sur des valeurs de positionnement absolu par rapport au body.
Cela fonctionne mais chaque fois que j'active un lien de défilement j'observe un flash parasite qui m'affiche le haut de la page et principalement le diaporama.
Puis je supprimer ce flash???

//SCROLLTO
$(function(){
$('#menuhaut').click(function(){
$("html").scrollTo( {top:'0px',left:'0px'}, 3000 );
});


Problème toggle :

J'utilise en bas de la fenêtre 3 toggles : contact/galerie et information.
Chacun de ces 3 "boutons" ouvrent un div correctement et le referment correctement.
J'ai voulu que l'ouverture de l'un ferme celui qui est précédemment ouvert (pour qu'il n'y en ait qu'un seul d'ouvert à la fois).

//SLIDERS
jQuery(document).ready(function() {
$(".slider1").click(function() {
$("#contact").slideToggle('1000','');
$(this).toggleClass("selected");
$("#galerie").hide("fast");
$("#divers").hide("fast");
});

L'ouverture et la fermeture du toogle est accompagné d'un changement d'image, triangle bas et triangle haut.

Mais si la personne active un toggle sans refermer l'autre au préalable l'état triangle n'est pas actualisé. Ce qui fait qu'en définitive la personne ne sait plus ou cliquer pour tout refermer.
Je pense qu'une adaptation du code java est nécessaire mais je suis complètement novice en javascript meme si j'ai compris que je devais m'y mettre.

Merci de vos réponses et à Alsacréation.

Bonne journée.
Modifié par gbert (25 Nov 2010 - 16:18)