Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
problem >> admin/changedata.php
#4
well , I understand why I have this problem.
I wanted to put in a page of code a bit "peculiar".
Code:
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<title></title>
<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
        </script><script type="text/javascript">
$(document).ready(function() { //Quand le document est prêt
    $(".contenu").hide();  //Cache tout les div avec la classe contenue
        if(location.hash != "") {
            var target = location.hash.split("#")[1]
            $(location.hash).show(); //Montre l'addresse du premier onglet
            $("ul.menu li:has(a[rel="+target+"])").addClass("active").show();;
        } else {
                $("ul.menu li:first").addClass("active").show(); //Ajoute la classe active au premier bouton
                $(".contenu:first").show(); //Montre le premier onglet
                }

    $("ul.menu li").click(function() { //Actionner au clique
        $("ul.menu li").removeClass("active"); //Enleve tout les class active
        $(this).addClass("active"); //Add “active” class to selected tab
        $(".contenu").hide(); //Cache tout les div avec la classe contenue
        var activeTab = $(this).find("a").attr("href"); //Trouve l'address du lien
        $(activeTab).fadeIn(); //Fait apparaître le contenue avec un fade in
    });
});
</script><p>
    <style type="text/css">
.menu{
list-style-type:none;
width:550px;
}
.menu li {
display:inline-block;
}
.menu a {
text-decoration:none;
}
#conteneur {
border:solid 1px gray;
width:580px;
padding:10px 10px 10px 10px;
}
.active {
text-decoration:underline;
font-weight:bold
}    </style>
</p>
<ul class="menu">
    <li>
        <a href="#tab1">Période d'ouverture</a></li>
    <li>
        <a href="#tab2">Tarifs</a></li>
    <li>
        <a href="#tab3">Infos Utiles</a></li>
    <li>
        <a href="#tab4">Plan d'accès</a></li>
</ul>
<div id="conteneur">
    <div class="contenu" id="tab1">
        1</div>
    <div class="contenu" id="tab2">
        2</div>
    <div class="contenu" id="tab3">
        3</div>
    <div class="contenu" id="tab4">
        4</div>
</div>

and getsimple don't like this: what is normal!
Reply


Messages In This Thread
problem >> admin/changedata.php - by jlm - 2011-04-08, 21:01:22
problem >> admin/changedata.php - by Connie - 2011-04-08, 21:03:18
problem >> admin/changedata.php - by jlm - 2011-04-08, 21:19:50
problem >> admin/changedata.php - by jlm - 2011-04-08, 22:36:08
problem >> admin/changedata.php - by jlm - 2011-04-09, 03:33:10



Users browsing this thread: 1 Guest(s)