Discussion :

[alaninho]

Bonjour,

sur ma page web, j'ai des onglets qui contiennent des liens vers d'autres pages. J'utilise jquery et ajax.

Pour les onglets, j'aimerai garder les liens en mémoire. Est ce que je peux savoir sur quel lien l'utilisateur clique si tous les liens ont la meme class ?

Si dessous la partie pour les onglets dans le html, j'ai mis une class "mc" à tous les balises <a>.

Quand je clique, j'aimerai savoir sur quel a je clique pour récupérer mon url et la stocker.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="menu_central">
     <ul id="menu">
         <li class="onglet" id="home">
            <a href="#index.php" class="mc">home</a>
         </li>
         <li class="onglet" id="web_server">
            <a href="#templates/form.html" class="mc">web server</a>
         </li>
         <li class="onglet" id="help">
             <a href="#templates/help.html" class="mc">help</a>
         </li>
     </ul>
</div>

Est ce que quelqu'un a une idée ou autre chose à me proposer pour les onglets et surtout garder en mémoire l'url avec des hashtags ?

J'espère être clair.

Alaninho

[alaninho]

Quand je met ma fonction click dans la partie ready(), la page qui doit se charger lors du clique se charge lors d'un clique sur un autre onglet donc je ne comprend pas.

Et les urls ne sont pas en mémoire dans le navigateur du coup.

Je ne comprend pas. Voici l'exemple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$(document).ready(function(){
 
$('.mc').click(
    function(){
        loadPage(this.hash);
    });
});
 
function loadPage(url){                                                                                                                    
    var urlitems=window.location.href.split("#");                                                                                                                                              
    var curpage=urlitems[1];                                                                                                                                               
    if(curpage==null){}
    else{                                                                                                                                                          
        window.location.href = "#"+curpage;
        $('#main').load(curpage);
    }
}

Est ce que quelqu'un peut m'expliquer ?