script / javascript dans <head>

djespace · 6 avril 2012

Bonjour,

Je souhaite mettre un carrousel dans la zone html de mon index.

J'utilise un script en javascript depuis plusieurs mois sur mes autres sites sans aucuns problèmes.

Pour son fonctionnement, il requiert d'intégrer un bout de code entre <head> et </head>

Pour l'intégrer à ma boutique, j'ai essayé de copier ce code à plusieurs endroits dans haut.php mais cela ne marche pas.

Je pense que ce problème s'applique d'ailleurs à tous les script qui nécessite un ajout de code dans <head></head>

Ou dois-je mettre mon bout de script ?

Merci.

paulanna · 7 avril 2012

Les modifs sont à faire dans : lib/fonctions/display.php => function getHTMLHead

djespace · 8 avril 2012

Merci.

shala · 12 avril 2012

Djespace... Cela marche pour toi? Moi c'est négatif :(

J'ai insérer mes script dans <head></head>

J'ai créé un jsquery.js et un carroussel.js dans mes dossier.

J'ai également mofidié mon fichier screen.css afin d'y ajouter ce qu'il faut pour mon caroussel.

La premiere image s'affiche mais le caroussel ne fonctionne pas....

je trifouille :)

djespace · 13 avril 2012

Bonjour,

Chez moi, tout fonctionne, il fallait bien ajouter le script du <head> dans: lib/fonctions/display.php => function getHTMLHead

J'ai également un fichier carroussel.js, pour le jquery.js j'utilise celui déjà présent pour la boutique dans: lib/js/ qui est plus complet et plus récent que celui de mon carroussel.

j'intégre mon code de liens et d'image dans la zone html personnalisable de l'index.

Ce dernier est dans une div que je positionne ensuite avec un fichiers css indépendant.

envoi tes infos par mp, ainsi que le script que tu utilise pour ton carroussel, je jèterai un oeil.

shala · 13 avril 2012

Je vais d'abord reessayer, avec tes conseils. Je te tiens au jus

merci

shala · 14 avril 2012

j'attend tes commentaires sur mon MP :)

shala · 16 avril 2012

Bon j'ai bosser tout le week end, cela ne donne rien :(

j'azi l'impression que mon fichier carrousel.js n'arrive pas a être lu.

SOS DJespace :)

shala · 16 avril 2012

Merci mon boulot a bien avancé :)

djespace · 16 avril 2012

tiens nous au courant ;)

shala · 16 avril 2012

Mon carrousel est en place.

Merci a toi Djespace :)

Tu m'a enlevé une épine

djespace · 17 avril 2012

Impeccable, content pour toi !

Juste en comparant nos codes, cela nous permet de trouver des erreurs et/ou différentes manières de faire.

Ton site est sympa ^_^

shala · 17 avril 2012

Pense tu qu'il serait compliqué ( la on rentre en concurrence avec les modules de peel, désolé Simon) de créer un petit back office pour gérer le carrousel? Ordre, nombre, vitesse de defil...

Car moi je modifie mon code en brut, mais une persone tierce en serait incapable.

shala · 17 avril 2012

Je vais travailler la dessus :)

djespace · 17 avril 2012

C'est surement possible...

En ce qui me concerne, je modifie également mon code en brut,

c'est effectivement plus compliqué mais ca laisse un avantage au module proposé par peel.

Moi même j'étais embêté de demander de l'aide pour mon caroussel vis à vis de ce module.

Mais ma demande peut aussi bien concerner d'autres scripts qui ont besoin d'un ajout de code dans le <head> donc ça passe.

Pour ton idée, je pense qu'il sera préférable (si tu y arrive), de garder ta modif pour toi.

(sauf pour moi ! :P LOL)

djespace · 9 janv. 2013

Bonjour à tous,

Je viens aujourd'hui de comprendre un beug, depuis l'ajout d'un bout de script pour mon carroussel dans display.php, les zoom utilisant jquery ne fonctionnent plus !

Voici le bout de code qui pose problème,
Selon vous, quelle ligne crée un conflit, quelle solution ais-je ?

Merci à vous.

<!-- librairie pour activer le carousel -->
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
    <link href="modules/easyslider/css/screen.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="lib/js/jquery.js"></script>
    <script type="text/javascript" src="lib/js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider({
                auto: true,
                continuous: true,
                numeric: true,
                speed:800,
                pause:6000
            });
        });    
    </script>
	<!-- fin de librairie pour activer le carousel -->

Simon développeur PEEL · 9 janv. 2013

Bonjour,

Dans votre script, vous insérer le fichier jquery.js :

 <script type="text/javascript" src="lib/js/jquery.js"></script>

Mais ce fichier est déjà inclus dans les pages via la fonction getHTMLhead du fichier lib/fonctions/display.php.

djespace · 10 janv. 2013

Bonjour,

Merci, sauf qu'en supprimant cet appel dans mon bout de code, mon carrousel ne fonctionne plus.
Et je suppose que si j'inverse (c'est à dire supprimé l'appel à jquery.js de la fonction getHTMLhead) les fonctions peel faisant appel à ce fichier risques de ne plus fonctionner.

paulanna · 10 janv. 2013

essaie de mettre ce script sous <script type="text/javascript" src="lib/js/jquery.js"></script>

dans la fonction getHTMLhead du fichier lib/fonctions/display.php

djespace · 11 janv. 2013

Bonjour Paulanna,
Merci de ton intérêt à mon problème.

L'idée était bien vu, mais ça ne fonctionne pas non plus !

code utilisé:

// Début des javascripts
		if ($GLOBALS['site_parameters']['enable_jquery'] == 1) {
			$output .= '
		<script type="text/javascript" src="' . $GLOBALS['wwwroot'] . '/lib/js/jquery.js"></script>
<script type="text/javascript" src="lib/js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){   
            $("#slider").easySlider({
                auto: true,
                continuous: true,
                numeric: true,
                speed:800,
                pause:6000
            });
        });   
    </script>';
		}

paulanna · 11 janv. 2013

tu as un lien vers ton site ?

djespace · 12 janv. 2013

Oui, mais la boutique est suspendue pour le moment, le temps de régler mes soucis d'états de stock et de couleurs.
Si tu veux, je peux te créer un compte admin. (et t'envoyer les accès en mp).
Ou alors on attend que la boutique soit activée. (Ce n'est pas bien grave, ni urgent !)

paulanna · 13 janv. 2013

ok ce n'était que pour voir le code source affiché dans le navigateur.

Bon courage

djespace · 13 janv. 2013

Le voici, page index.

<head>
		 
	
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Leds-Boutique.fr</title>
		<meta name="Keywords" content="" />
		<meta name="description" content="" />
		<meta name="robots" content="All" />
		<meta http-equiv="content-language" content="fr" />
		<meta name="classification" content="boutique en ligne" />
		<meta name="author" content="http://www.peel.fr/" />
		<meta name="publisher" content="http://www.peel.fr/" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta name="robots" content="all" />
		<meta name="updated" content="daily" />
		<meta name="revisit-after" content="10 days" />

		<base href="http://www.leds-boutique.fr/" />
			<link rel="icon" type="image/x-icon" href="http://www.leds-boutique.fr/upload/191212_172403_PEEL_yrkAMX3H.ico" />
			<link rel="shortcut icon" type="image/x-icon" href="http://www.leds-boutique.fr/upload/191212_172403_PEEL_yrkAMX3H.ico" />
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/filesearchhover.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/overlib.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/fly-to-basket.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/jquery.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/prototype.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/effects.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/controls.js"></script>
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/peel.js"></script>
		<link rel="stylesheet" type="text/css" media="screen" href="http://www.leds-boutique.fr/modeles/leds-boutique/css/screen.css" />

		<link rel="stylesheet" type="text/css" media="screen" href="http://www.leds-boutique.fr/modeles/leds-boutique/css/menu.css" />

		<!-- librairie pour activer le zoom sur les categories -->
		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/lightbox.js"></script>
		<link rel="stylesheet" href="http://www.leds-boutique.fr/lib/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript"><!--//--><![CDATA[//><!--
initKeyboardMsg("Appuyez sur la touche <b>x</b> du clavier pour fermer");
//--><!]]></script>
		<!-- fin de librairie pour activer le zoom sur les categories -->

		<script type="text/javascript" src="http://www.leds-boutique.fr/lib/js/jqzoom.pack.1.0.1.js"></script>
		<link rel="stylesheet" href="http://www.leds-boutique.fr/lib/css/jqzoom.css" type="text/css" />

	
	<!-- librairie pour activer le carousel -->
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
    <link href="modules/easyslider/css/screen.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="lib/js/jquery.js"></script>
    <script type="text/javascript" src="lib/js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider({
                auto: true,
                continuous: true,
                numeric: true,
                speed:800,
                pause:6000
            });
        });    
    </script>
	<!-- fin de librairie pour activer le carousel -->
	
	</head>

paulanna · 14 janv. 2013

salut, je te parle juste de ce qui se trouve dans la balise <head>

dans le commentaire

suprrimer l'appel à jquery ainsi que la balise <meta http-equiv="content-type" content="text/html;charset=UTF-8" />

PS : edite ton post et enleve tous ce qui ne fait parti de <head>

script / javascript dans <head>

30 messages dans ce sujet

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Partager ce message

Lien à poster

Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Créer un compte

Se connecter