Débutant : lien page html/ fichier js

**nal** · 22/08/2014, 10h54

Pour l'erreur dans la console javascript : comment la vois t-on?

Sinon le problème venait vraiment du lien entre le fichier javascript et la page html car j'ai inséré directement le code du script.js dans l'html (dans la balise script) et ça a fonctionné!!

:

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
 
<script type="text/javascript">
 
function displayPics()
{
  var photos = document.getElementById('galerie_mini') ;
  // On récupère l'élément ayant pour id galerie_mini
  var liens = photos.getElementsByTagName('a') ;
  // On récupère dans une variable tous les liens contenu dans galerie_mini
  var big_photo = document.getElementById('big_pict') ;
  // Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
 
  var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
  // Et enfin le titre de la photo de taille normale
  // Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
  for (var i = 0 ; i < liens.length ; ++i) {
    // Au clique sur ces liens 
    liens[i].onclick = function() {
      big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
      big_photo.alt = this.title; // On change son titre
      titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
      return false; // Et pour finir on inhibe l'action réelle du lien
    };
  }
}
 
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
window.onload = displayPics;
</script>

Je suis contente que ça fonctionne enfin ça m'ennuie un peu de ne pas comprendre pourquoi le lien externe avec le fichier js. ne fonctionnait pas...

mais bon ça marche comme ça...

En tout cas merci à tous pour votre aide!

**SPACHFR** · 22/08/2014, 11h30

Salut nal,

Ajout des alerts dans ton script afin d'afficher les valeurs sur l'événement "onclick".

Code :

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

1
2
3
4
5
6
7
8
 
liens[i].onclick = function() {
      alert("ref :"+this.ref);
      big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
      big_photo.alt = this.title; // On change son titre
      titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
      return false; // Et pour finir on inhibe l'action réelle du lien
    };

Perso j'ai testé ton code (firefox) il marche.
Vide le cache de Browser et fait de nouveau un test.

**SylvainPV** · 22/08/2014, 11h43

Arrêtez avec les alert(), on a inventé les inspecteurs de développement depuis

http://javascript.developpez.com/faq...syntaxe#Erreur

**nal** · 22/08/2014, 13h16

Alors j'ai essayé le même code sur un autre serveur, un autre site et le lien avec le fichier .js fonctionne normalement...
mais sur ce site là (une page perso orange) ça semble être incompatible avec un script de statistique orange...

en faisant F12 ça faisait :

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
 
<script type="text/javascript">
//<![CDATA[
var gs_d=new Date,DoW=gs_d.getDay();gs_d.setDate(gs_d.getDate()-(DoW+6)%7+3);
var ms=gs_d.valueOf();gs_d.setMonth(0);gs_d.setDate(4);
var gs_r=(Math.round((ms-gs_d.valueOf())/6048E5)+1)*gs_d.getFullYear();
var gs_p = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + gs_p + "s.gstat.orange.fr/lib/gs.js?"+gs_r+"' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
</head>
 
<noframes><body><div height="35%" width="45%" background-color="red" position="absolute">TRUC TEST EXPO</div><script type="text/javascript">
//<![CDATA[
if (typeof _gstat != "undefined") _gstat.audience('','pagesperso-orange.fr');
//]]>
</script>

Devyan : Comment désactive t-on le code "analytics"?

Merci!

**nal** · 22/08/2014, 13h34

de toute façon sur cette page j'ai pas accès au fichier analytics.js
pour le reste : incompatibilité avec le code anatytics pour moi ça va un peu trop loin pour le moment...

en tout cas vu que ça marche pour moi en insérant le code du script.js directement dans le code html je vais considérer le premier problème comme résolu Merci en tout cas!

**devyan** · 22/08/2014, 13h57

pour tester tu mets la ligne 8 en commentaire

**SylvainPV** · 25/08/2014, 10h10

Comment sais-tu que que ton problème vient du script ajouté par orange ? Regarde dans la console, là tu nous montres le contenu HTML de ta page.

**nal** · 26/08/2014, 20h27

En faisant F12 ça donnait :

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
<script type="text/javascript">
//<![CDATA[
var gs_d=new Date,DoW=gs_d.getDay();gs_d.setDate(gs_d.getDate()-(DoW+6)%7+3);
var ms=gs_d.valueOf();gs_d.setMonth(0);gs_d.setDate(4);
var gs_r=(Math.round((ms-gs_d.valueOf())/6048E5)+1)*gs_d.getFullYear();
var gs_p = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + gs_p + "s.gstat.orange.fr/lib/gs.js?"+gs_r+"' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
</head>
 
<noframes><body><div height="35%" width="45%" background-color="red" position="absolute">TRUC TEST EXPO</div><script type="text/javascript">
//<![CDATA[
if (typeof _gstat != "undefined") _gstat.audience('','pagesperso-orange.fr');
//]]>
</script>

**nal** · 26/08/2014, 20h34

....Sinon j'ai contourné le problème et trouvé une autre solution.
Jusqu'à présent mes fichiers html et js se trouvaient niveau arborescence au même niveau que la page index.
Là j'ai juste rajouté un dossier pour y insérer l'html et le fichier script et le lien a bien eu lieu sans problème entre les deux...

il y avait bien un truc au niveau de la page index...
enfin quoi que ça ai pu être, en isolant mes fichiers dans l'arborescence ça fonctionne

je ne vais pas chercher plus loin...

Donc merci à tous pour votre aide!

Nal

Débutant : lien page html/ fichier js

JavaScript

Discussions similaires

Partager

Partager