carte google map dans systeme d'onglet jquery
|
|
Tweeter |
|
Description du projet « carte google map dans systeme d'onglet jquery » :
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>
Info complémentaire (ajoutée le 24/11/2010 23:05)
L'onglet contenant la google map est l'onglet "plan et itineraire" qui se trouve à côté de l'onglet actif "accueil" sur cette page [Url visible pour les Membres Pro]
Les onglets en question sont ceux qui se trouvent donc dans le gros encart violet clair, sous "75001 PARIS"
Info complémentaire (ajoutée le 25/11/2010 10:05)
Pour cette petite modif, compte tenu du temps de travail que ça nécessite, toute offre au-dessus de 50€ ne sera pas retenue.
| Etat : | |
|---|---|
| Réalisation confiée à : | Aucun prestataire actuellement |
| Publication de la mission : | Du 24/11/2010 20:51 au 24/12/2010 20:51 (Expiré) |
| Auteur : |
(10 Evaluations)
| Ecrire MP |
| Compétences recherchées : | |
| Modifier mon projet |
Bienvenue sur Codeur.com, la place de marché des freelances !
Déposez un projet vous aussi et recevez vite des devis de freelances qualifiés et disponibles.
Cette mission (ou appel d'offre) est terminé. Le porteur de projet a pu comparer les devis (ou offres) de prestataires indépendants et développeurs freelances ci-dessous. Vous pouvez Créer une mission similaire et recevoir gratuitement des devis pour comparer les prix et délais.
Lui seul a accès à toutes les offres, les prestataires voient uniquement leur propre proposition.
| Projets similaires |
Thème jQuery UI- Recevez des offres
- Comparez les prix
- Choisissez un prestataire
Déposez un projet Et recevez vos premiers devis !
Rapide : Trouvez un prestataire
100% gratuitement