Charger un script dans une partie de page

Fermé
jeasonp Messages postés 274 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 9 janvier 2016 - Modifié par jeasonp le 30/12/2012 à 21:29
jeasonp Messages postés 274 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 9 janvier 2016 - 1 janv. 2013 à 02:28
Bonjour,
J'ai un site web avec un script qui recharge seulement une partie de la page (il garde le Header et Footer et change seulement le Contenu).
Quand on prend l'adresse direct de la page, le script fonctionne. (la map et le formulaire)
Exemple : http://www.jeasonpourcelet.be/donbosco/contact.html

Par contre, si on prend la page quand elle change une partie de celle-ci, sa ne fonctionne plus.
Exemple : http://www.jeasonpourcelet.be/donbosco/#contact.html


Auriez-vous une solution a ce problème ?
Merci, Jeason


2 réponses

on peut voir le code .... ?
0
jeasonp Messages postés 274 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 9 janvier 2016 8
Modifié par jeasonp le 1/01/2013 à 02:29
$(function(script) { 

    var newHash      = "", 
        $mainContent = $("#main-content"), 
        $pageWrap    = $("#page-wrap"), 
        baseHeight   = 0, 
        $el; 
         
    $pageWrap.height($pageWrap.height()); 
    baseHeight = $pageWrap.height() - $mainContent.height();     
    $("menu","bouton1","mini_menu").delegate("a", "click", function() { 
        window.location.hash = $(this).attr("href"); 
        return false; 
    });     
    $(window).bind('hashchange', function(){     
        newHash = window.location.hash.substring(1);         
        if (newHash) { 
            $mainContent 
                .find("#contenue") 
                .fadeOut(400, function() { 
                    $mainContent.hide().load(newHash + " #contenue", function() { 
                        $mainContent.fadeIn(400, function() { 
                            $pageWrap.animate({ 
                                height: baseHeight + $mainContent.height() + "px" 
                            }); 
                        }); 
                        $("menu a","bouton a","mini_menu a").removeClass("current"); 
                        $("menu a","bouton a","mini_menu a[href="+newHash+"]").addClass("current"); 
                    }); 
                }); 
        };         
    });     
    $(window).trigger('hashchange'); 
   
 $('#send_message').click(function(e){             
            e.preventDefault(); 
            var error = false; 
            var name = $('#name').val(); 
            var email = $('#email').val(); 
            var subject = $('#subject').val(); 
            var message = $('#message').val();             
            if(name.length == 0){ 
                var error = true; 
                $('#name_error').fadeIn(1000); 
            }else{ 
                $('#name_error').fadeOut(1000); 
            } 
            if(email.length == 0 || email.indexOf('@') == '-1'){ 
                var error = true; 
                $('#email_error').fadeIn(1000); 
            }else{ 
                $('#email_error').fadeOut(1000); 
            } 
            if(subject.length == 0){ 
                var error = true; 
                $('#subject_error').fadeIn(1000); 
            }else{ 
                $('#subject_error').fadeOut(1000); 
            } 
            if(message.length == 0){ 
                var error = true; 
                $('#message_error').fadeIn(1000); 
            }else{ 
                $('#message_error').fadeOut(1000); 
            }             
            if(error == false){ 
                $('#send_message').attr({'disabled' : 'true', 'value' : 'Envoi en cours...' }); 
                $.post("send.php", $("#contact_form").serialize(),function(result){ 
                    if(result == 'sent'){ 
                         $('#cf_submit_p').remove(); 
                        $('#mail_success').fadeIn(1000); 
                    }else{       
                        $('#mail_fail').fadeIn(1000);                         
                        $('#send_message').removeAttr('disabled').attr('value', 'Message envoyé'); 
                    } 
                }); 
            } 
    });   
   
    
 $('#corner img').hover(function() { 
        $(this).stop().animate({ width:'150px', height:'150px' }); 
    }, function() { 
        $(this).stop().animate({ width:'80px', height:'80px' }); 
    });  
  
  
 var myCenter=new google.maps.LatLng(50.60957,3.37767);  
 function initialize() 
 { 
 var mapProp = { 
   center:myCenter, 
   zoom:15, 
   mapTypeId:google.maps.MapTypeId.ROADMAP 
   };  
 var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);  
 var marker=new google.maps.Marker({ 
   position:myCenter, 
   }); 
  
 marker.setMap(map); 
 }  
 google.maps.event.addDomListener(window, 'load', initialize); 

});


Il y a trois scripts différent la dedans (script de remplacement de contenu; un coin de page dynamique, un validateur de formulaire de contact et un googleMaps), c'est un peut le bordel, mais ce n'ai que du copier/coller parce que je ne connais pas vraiment le Javascript, je le comprend seulement.

Merci et bonne année à vous
0