Les meilleurs développeurs WordPress freelances sont sur Codeur.com

Carte google map dans systeme d'onglet jquery

 Fermé · 30 à 300 € · 5 offres · 521 vues


ici j'ai un système d'onglet géré par javscript : [URL visible pour les membres Pro]

si on clique sur le second onglet on voit une map google. Problème, le pointeur est en haut à gauche au lieu d'être au centre.
Si j'enlève le script qui gère les onglets, le curseur est bien centré
il doit donc y avoir un problème dans le script des onglets

La prestation consiste à modifier les scripts pour que la google map soit bien centrée sur la ville. C'est une modif minime.

Paiement immédiat par paypal ou virement bancaire dès que le bon fonctionnement est constaté.
un second travail viendra surement juste derrière, en jquery aussi.

A savoir : dans l'onglet "contact" il y a un formulaire. Quand celui ci est validé ça appelle un script également, afin de rester sur l'onglet "contact" une fois le formulaire envoyé
ce script est :

<?php if (isset($_POST['submit'])) { //si on soumet le formulaire c'est l'onglet "contact" (tab7) qui doit rester actif ?>
<script type="text/javascript">
$(document).ready(function() {

$("ul.tabs li").removeClass("active"); //Remove any "active" class
$("ul.tabs li#tab7_top").addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $("ul.tabs li#tab7_top").find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content

});
</script>
<? } ?>


Le script des onglets est le suivant



<script type="text/javascript">

$(document).ready(function() {

//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});


$('.tabs li').each(function(i) {
var thisId = $(this).find('a').attr('href');
thisId = thisId.substring(1,thisId.length) + '_top';
$(this).attr('id',thisId);
});

function changeTab(activeTab)
{
$('ul.tabs li').removeClass('active'); //Remove any “active” class
$(activeTab + '_top').addClass('active'); //Add “active” class to selected tab, using the id created at document load

$('.tab_content').hide(); //Hide all tab content
$(activeTab).fadeIn(); //Fade in the active content

}

$('.external_link').click(function() {
//call above function
changeTab($(this).attr('href'));
return false;
});

});
</script>

Budget indicatif : 30 à 300 €

Publication : 24 novembre 2010 à 20h51

Profils recherchés : Développeur WordPress freelance , Développeur JavaScript freelance

Le profil du client est reservé aux prestataires abonnés

Créer un compte

5 freelances ont répondu à ce projet

2 propositions de devis en moins de 2h

LaPatWeb Rédacteur web
Sytars Agence web
G
P
A

Montant moyen des devis proposés : 150 €

Estimation du délai : 1 jour

Publier un projet similaire

Chaque jour, des centaines de clients utilisent Codeur.com pour trouver un prestataire. Créez votre compte dès maintenant, remplissez votre profil et trouvez de nouveaux clients.

Trouver des nouveaux clients