Version haut débit de: Forum du site Lebrikabrak
Aide - Rechercher - Membres

Intégration d'un JavaScript

Schmol44 (06 Juin 2013, 15:29)
Bonjour,
Je viens de changer un JavaScript qui permet de déplacer une petite main sur un tuto en HTML par un plus récent, le précédent fonctionnait avec XP mais plus avec Vista et Windows 7.

Mon souci est le suivant :

Si la page n'est pas dans une iframe, ça ne fonctionne pas (je vais chercher le Javascript que j'ai transformé en fichier et mis dans le dossier "jshead"), mais le réglage de la hauteur de l'iframe est difficile, car différent selon la résolution de l'écran.

S'il est dans une iframe, ça ne fonctionne pas que le lien vers le JavaScript soit dans le Head ou dans le Body de la page HTML.
C'est là que la présentation de la page est la meilleure.

Voici le lien :<Script language= "JavaScript1.2" src="../../inc/jshead/dragme.js">
Il fonctionne sans iframe et pas avec iframe

Cet autre lien qui lui ressemble fonctionne avec et sans iframe :
<Script language= "JavaScript src="../../inc/jshead/changer.js">

D'avance merci.

Amicalement.
jchouix (07 Juin 2013, 22:09)
Bonsoir,
Citation (Schmol44)
Je viens de changer un JavaScript qui permet de déplacer une petite main sur un tuto en HTML par un plus récent, le précédent fonctionnait avec XP mais plus avec Vista et Windows 7

Le javascript est un langage interprété par un navigateur web or tu me parles de système d'exploitation donc je ne comprends pas trop.
As tu un lien pour voir la page qui pose problème ?
Cordialement.
A+
Schmol44 (08 Juin 2013, 0:00)
Bonsoir et merci de t'intéresser à mon problème.

Je vais essayer d'être plus clair après avoir fait pas mal d'essai.
J'ai une série de page HTML dans lesquelles j'utilise du JavaScript.

Ces pages d'un ancien site HTML, je les ai réutilisées dans mon site Guppy, grâce à ton Plugin que j'utilise depuis fort longtemps.
Je viens de récupérer par un copain un nouveau script (l'ancien posait problème) qui permet de déplacer une petite main sur un tuto.

J'ai mis ce script dans le dossier "jshead" de Guppy.
Quand je n'utilise pas d'iframe avec ton plugin, ça ne fonctionne pas
Quand j'utilise l'iframe, ça fonctionne.
<script language ="javascript1.2" src="../../inc/jshead/dragme.js">

Il se trouve que j'ai un autre script que j'utilise de même façon et je viens de le mettre également dans le dossier "jshead".
Celui--ci sert pour faire fonctionner une liste déroulante en haut de page, présente sur tout le dossier.
Lui, il fonctionne avec ou sans iframe.
<script language ="javascript" src="../../inc/jshead/changer.js">
J'ai essayé des URL absolues, même chose.

Voici le lien d'une Page qui te permet de visualiser la liste déroulante qui fonctionne avec le script "changer" et la petite main qui fonctionne avec le script "dragme" http://www.henri-cheli.fr/plug...ng=fr&id=10

Pour répondre à ta question, effectivement, j'avais parlé de Windows XP, Vista et Windows 7, je voulais dire :
XP et Ie 8
Vista et Ie9
Windows 7 et Ie10.

En fait ce Script et le précédent fonctionne avec ou sans iframe avec Ie8.
Sinon, il ne fonctionne pas quand il n'y a pas d'iframe.

J'ai aussi fait un essai avec Firefox, c'est la même chose
Win 7 et Ie10
jchouix (08 Juin 2013, 13:48)
Bonjour,
Citation (Schmol44)
Voici le lien d'une Page qui te permet de visualiser la liste déroulante qui fonctionne avec le script "changer" et la petite main qui fonctionne avec le script "dragme" http://www.henri-cheli.fr/plug...ng=fr&id=10

En effet, ça fonctionne très bien donc du coup, je ne comprends pas ce qui pose problème.
Cordialement.
A+
Schmol44 (08 Juin 2013, 14:50)
Bonjour,
Je viens de supprimer l'iframe et comme tu peux le constater, la petite main ne bouge plus..
L'intérêt de supprimer l'iframe, la hauteur de la page se règle automatiquement et les liens sous la page (précédent et Suivant) sont mieux positionnés.
Je tourne en rond.
:fsb2_ice:
jchouix (08 Juin 2013, 20:55)
Bonsoir,
tu as pas mal de fichiers javascript dans ton répertoire inc/jshead/. Il est possible qu'il y ait un conflit entre des scripts.
Aussi, pour le savoir, tu vas conserver uniquement les deux fichiers dragme.js et changer.js et voir si ça résoud ton problème.
Cordialement.
Schmol44 (08 Juin 2013, 21:11)
Bonsoir,
Ok, c'est une très bonne idée, je vais essayer ça :fsb2_ouais:
Merci
Schmol44 (08 Juin 2013, 21:56)
Bonsoir,
tu as pas mal de fichiers javascript dans ton répertoire inc/jshead/. Il est possible qu'il y ait un conflit entre des scripts.
Aussi, pour le savoir, tu vas conserver uniquement les deux fichiers dragme.js et changer.js et voir si ça résoud ton problème.
Cordialement.

Bonsoir,
Je les ai supprimé et c'est la même chose, j'ai même supprimé "changer.js", il ne reste que "dragme.js" dans "inc/jshead".
Avec "iframe" ça fonctionne, sans l'iframe, ce que je souhaite, ça ne fonctionne pas. :fsb2_ice:
Amicalement,
Schmol44 (09 Juin 2013, 16:09)
Bonjour,
Après avoir fait une petite recherche sur Internet, pensant trouver un autre Script pour faire bouger une image, voici le lien de ce que j'ai trouvé.

http://lecodejava.com/javaadraganddrop.html

Je l'ai mis en essai sur mon site sur la page dont j'avais donné le lien précédemment.
Je me suis alors rendu compte qu'il s'agissait du même script (ce qui m'a permis d'ailleurs de vérifier qu'il n'y avait pas d'erreurs sur le mien)

Je retrouve le même problème avec ou sans iframe.
Il ne fonctionne qu'avec l'iframe.

Si certains veulent l'essayer, je suis preneur de leur expérience?
D'avance merci,

Amicalement.
Schmol44
Schmol44 (09 Juin 2013, 18:06)
Bonsoir,

BINGO :fsb2_smyle:

ça fonctionne sans l'iframe. :fsb2_oui:
Dans le fichier : plugins/getfilehtml/inc/hpage.inc, le "DocType était écrit de la façon suivante :
<!DOCTYPE html ........... >

Je l'ai modifié :
<!--DOCTYPE html .........--> ce qui le rends invisible et ça fonctionne. YOUPY, content le mec. :fsb2_ouais:

J'ai également trouvé tous les fichiers index.php sans le php derrière <?
A priori, sans incidence.
Bonne soirée à tous, pour moi, depuis que je galère sur ce problème, ça va être bon.
jchouix (09 Juin 2013, 18:59)
Bonsoir,
je suis étonné de la solution car ça veut dire que le navigateur se retrouve en mode quirks. En d'autre terme, il fait ce qu'il peut avec ce qu'il a.
Là où je ne comprends pas trop, c'est l'utilité du déplacement de la main. A part, s'amuser à la déplacer avec la souris, à quoi sert-elle concrètement ?
Merci d'éclairer ma lanterne.
En tout cas, je suis content que tu aies trouvé la solution à ton problème car je n'aurai jamais pensé à faire cette modif.
Cordialement.
Schmol44 (09 Juin 2013, 21:56)
Bonsoir,
Voilà une expression que je ne connaissais pas.
Le mode "quirks". Je viens de regarder sur Internet, effectivement ça n'est pas très pro.
En fait j'ai mis le DOCTYPE en commentaires, comment s'assurer que le DOCTYPE correspond bien au contenu ?
Le DOCTYPE est celui de Guppy, mais mes pages Web sont plus anciennes, cela pose-t-il le problème ?
Effectivement le déplacement de cette main n'a pas une grande utilité, c'est pour le fun.
L'intérêt qui n'existe plus, était que lorsque je donnais des Cours dans une Association, ça permettait à ceux qui lisaient cela de ne pas perdre le fil.

En fait on peut aussi être amené à déplacer une image dans une page HTML et on retrouvera ce problème.
D'ailleurs je ne comprends pas que le fait de mettre cette ligne en commentaire, ça fonctionne.
A terme je la supprimerai, à moins de trouver une réponse plus "orthodoxe" :fsb2_ouais:
A bientôt,
Amicalement,
Schmol 44
jchouix (10 Juin 2013, 20:16)
Bonsoir,
j'ai à nouveau regarder le code de ta page et j'ai vu que les fichiers "changer.js" et "dragme.js" était chargé deux fois dans la page : une fois par guppy de façon automatique car ils sont placés dans le répertoire inc/jshead/ et une autre fois dans le code de ta page html.
A mon avis, c'est ça qui est l'origine de la collision et c'est pour cela que ça fonctionnait avec iframe car seuls les scripts écrits dans le fichier html étaient pris en compte.
Pour le vérifier, tu déplaces les deux fichiers "changer.js" et "dragme.js" dans le répertoire pages/ et bien entendu, tu modifies les liens vers ces fichiers dans les ligne de code de ton fichier html comme ceci :
<script language ="JavaScript" src ="../../pages/changer.js"></script>
<script language ="JavaScript1.2" src ="../../pages/dragme.js"></script>

Cordialement.
Schmol44 (11 Juin 2013, 22:03)
Bonsoir Jchouix ,

Je me suis dit, voilà une explication qui me va bien, mais avant ces fichiers étaient dans le dossier "pages" et je pensais que c'était plus "logique" de les mettre dans le dossier prévu à cet effet, c'est à dire le dossier "jshead".

- J'ai remis ces deux fichiers "js" dans le dossier "pages".
- Je viens de faire la modif pour la page "Carnet d'adresses" des liens vers les fichiers "js"
- J'ai bien remis le DOCTYPE conforme et sur le fichier "Carnet d'adresses" et sur le fichier "plugins/getfilehtml/hpage.inc
Malheureusement, comme tu peux le constater, le javasript du fichier "changer.js" fonctionne mais le fichier "dragme.js" ne fonctionne pas. :fsb2_ice:

Merci pour tes recherches.
Amicalement,
Schmol44
jchouix (12 Juin 2013, 13:03)
Bonjour,
on avance petit à petit vers la solution.
Tu remplaces maintenant cette ligne de code dans ton code html :
<script language ="JavaScript1.2" src ="../../pages/dragme.js"></script>


Par celle-ci :
<script type ="text/javascript" src ="../../pages/dragme.js"></script>


Cordialement.
Schmol44 (12 Juin 2013, 16:06)
Bonjour,
C'est fait. (Je l'avais déjà fait, mais je ne sais plus à quel moment) :fsb2_cry:
La main bouge, mais quand on la lâche elle revient à son point de départ.
J'ai aussi déjà obtenu ça, (en général, c'était le lien qui n'était pas bon).

Là, j'ai essayé :
<script language "JavaScript src="../../dragme.js"></script> Comme tu me l'a demandé)

J'ai aussi essayé ça :
<script language "JavaScript src="../dragme.js"></script>
<script language "JavaScript src="dragme.js"></script>

J'ai aussi essayé avec une URL absolue,

La main bouge mais revient à sa place (ça chauffe) :fsb2_ouais:
Merci,
Schmol44
jchouix (12 Juin 2013, 16:24)
re-,
Citation (Schmol44)
Là, j'ai essayé :
<script language="" "javascript="" src="../../dragme.js"> Comme tu me l'a demandé)

Lis bien le code que j'ai écrit car ça ne correspond pas à ce que tu as écrit.
Sinon, j'ai regardé le contenu de ton script est c'est du vieux code qui n'est plus du tout d'actualité en ce qui concerne les navigateurs récents. En faisant une recherche google, je t'ai trouvé un bon script, très bien codé et facile à mettre en oeuvre. L'avantage est que tu n'auras pas de problème avec lui. C'est à cette adresse : http://ppk.developpez.com/tuto...sur-votre-site/
Si tu as des difficultés à l'utiliser, dis le moi, je te donnerai un coup de main.
Cordialement.
Schmol44 (12 Juin 2013, 22:00)
Bonsoir Jchouix,
Effectivement, j'avais lu trop vite :fsb2_non:
Bon, j'ai une excuse, je pars demain en vacances dans le sud, et je faisais plusieurs chose à la fois.:fsb2_oui:
Je viens de faire la modif, mais ça ne fonctionne toujours pas. :fsb2_ice:
J'emmène mon PC portable en vacances et j'essaierai ce que tu me proposes.
En attendant, je te remercies infiniment pour ton aide et ne manquerais pas de te tenir informé.
Bonne continuation, et un grand merci pour ce que tu fais pour nous les Guppystes de base.
Amicalement,
Schmol44