Discussion :

[nouveau9]

Bonjour,

j'ai un code javascript que je dois transformer en une url claire.

Comme je n'y connais rien en javascript j'aiemrai savoir si quelqu'un peut me mettre ce code en clair SI C'EST POSSIBLE, ce qui n'est pas sur.

Voici le code : je cherche le lien qui mène vers #bloc_infos, vers #bloc_statistiques et vers #bloc_statistiquesJoueurs
-------------------------------------------------------------------------

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<div class="details">
        <div class="onglets clear" id="onglets_infos" style="position: relative;">
     <ul class="nav_onglets">
    <li id="onglet_infos" class="on"><a href="#bloc_infos"><span class="lien">Infos match</span><span class="fin"></span></a></li>
        <li id="onglet_statistiques" class=""><a href="#bloc_statistiques"><span class="lien">Statistiques</span><span class="fin"></span></a></li>
    <li id="onglet_statistiquesJoueurs" class=""><a href="#bloc_statistiquesJoueurs"><span class="lien">Statistiques joueurs</span><span class="fin"></span></a></li>
          <li id="onglet_videoMatch" class=""><a href="#bloc_videoMatch"><span class="lien">Résumé vidéo</span><span class="fin"></span></a></li>
          </ul>  
    <div id="bloc_infos" class="onglets_infos" style="display: block;">
    <div id="bloc_infosMatch_load" class="load"></div>
    <div id="bloc_infosMatch_data"></div>
    </div>
                               <!--  <ul class="nav_onglets">
                    <li id="onglet_infos" class="on compos_coup_envoi"><a href="#bloc_infos"><span class="lien">Composition des équipes au coup d'envoi</span><span class="fin"></span></a></li>
                    </ul>-->
 
 
               <!--       <ul class="nav_onglets">
                    <li id="onglet_infos" class="on"><a href="#bloc_infos"><span class="lien">Infos match</span><span class="fin"></span></a></li>
                    <li id="onglet_resume_video" class=""><a href="#bloc_resume_video"><span class="lien">Résumé vidéo</span><span class="fin"></span></a></li>
                    </ul>-->
 
			<script type="text/javascript">
				var matchId = $('#match_id_hidden').val();
				var domId = $('#dom_id_hidden').val(); 
				var extId = $('#ext_id_hidden').val();
				var live = $('#live_hidden').val();
				var domNomClub = $('#dom_nom_club_hidden').val();
				var extNomClub = $('#ext_nom_club_hidden').val();
				$('#bloc_infosMatch_load').fadeIn("fast", function(){
				  $('#bloc_infosMatch_data').load('showInfosMatch?matchId='+matchId+'&domId='+domId+'&extId='+extId+'&live='+live+'&domNomClub='+domNomClub+'&extNomClub='+extNomClub, function(){
                                       $('#bloc_infosMatch_load').fadeOut("fast");
				      $('#bloc_infosMatch_data').fadeTo("fast", 1);
				  });
				});  
			</script>
 
    <div id="bloc_statistiques" class="onglets_infos" style="display: none;">
    	<div id="bloc_statsMatch_load" class="load"></div>
    	<div id="bloc_statsMatch_data"></div>
    </div>
 
    <div id="bloc_statistiquesJoueurs" class="onglets_infos" style="display: none;">
        <div id="bloc_statsJoueursMatch_load" class="load"></div>
    	<div id="bloc_statsJoueursMatch_data"></div>
    </div>
 
   <div id="bloc_videoMatch" class="onglets_infos" style="display: none;">
        <div id="bloc_videoMatch_load" class="load"></div>
    	<div id="bloc_videoMatch_data"></div>
    </div>

-----------------------------------------------------------------------

Merci.

[yahiko]

Bonjour,

Comme ton code HTML est particulièrement illisible, tu peux utiliser des sites comme jsFiddle qui permettent facilement de le reformatter facilement (option "Tidy Up" sur la barre de menu)

==> http://jsfiddle.net/Yahiko/epCez/

Ensuite, tu peux séparer ton code Javascript et le mettre soit à la fin de ton fichier HTML, soit dans un fichier à part en y faisant par une balise du type

Code :

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

<script src="monscript.js"></script>

Maintenant je ne suis pas sûr d'avoir compris la finalité de ta question, sachant que dans les premières lignes on a les références que tu sembles rechercher :
#bloc_infos, ligne 4 de ton code HTML

Code :

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

<li id="onglet_infos" class="on"><a href="#bloc_infos"><span class="lien">Infos match</span><span class="fin"></span></a></li>

#bloc_statistiques, ligne 5 de ton code HTML

Code :

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

<li id="onglet_statistiques" class=""><a href="#bloc_statistiques"><span class="lien">Statistiques</span><span class="fin"></span></a></li>

#bloc_statistiquesJoueurs, ligne 5 de ton code HTML

Code :

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

<li id="onglet_statistiquesJoueurs" class=""><a href="#bloc_statistiquesJoueurs"><span class="lien">Statistiques joueurs</span><span class="fin"></span></a></li>

En espérant que cela ait pu t'aider d'une façon ou d'une autre.

[nouveau9]

Bonjour,

merci de ta réponse.

Mais moi aussi je pensais que le href avec les # devant aller m'envoyer vers l'affichage de la "nouvelle" page. Mais non en fait.
J'ai continué à chercher et j'ai trouvé que la nouvelle page avec les nouvelles informations est du style :

http://www........../showInfosMatch?matchId=" match_id "&domId=" dom_id "&extId=" ext_id

avec match_id = un numéro présent dans la page html
et dom_id = .................................................
et ext_id = ...................................................

j'ai trouvé ces numéros et en reconstruisant le lien on obtient les nouvelles informations (la nouvelle page html).

Mais merci de ta réponse et de tn temps et merci pour m'avoir indiqué ce site qui pourra m'être utile...

[sekaijin]

attention # va déplacer la page vers l'ancre don le nom suit. si l'ancre n'existe pas se sera en début de page pas top
? est le séparateur de la query string donc interprété par le serveur il y a donc des risque d'effets de bord.

sencha utilise #!name ex:http://docs-origin.sencha.com/extjs/...n_architecture
http://docs-origin.sencha.com/extjs/...nagedListeners

Ainsi l'ancre n'est pas interprété par le navigateur.
le navigateur va lui positionner la page tout en haut l'ancre n'existant pas.
le code javascript ja lui couper l'url sur le ! et ainsi récupérer un chemin qu'il va interpréter.

A+JYT