Les meilleurs développeurs WordPress freelances sont sur Codeur.com
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
5 freelances ont répondu à ce projet
2 propositions de devis en moins de 2h
Montant moyen des devis proposés : 150 €
Estimation du délai : 1 jour