script / javascript dans <head>

30 posts in this topic

Posted · Report post

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.

Share this post


: post
Share on other sites

Posted · Report post

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

Share this post


: post
Share on other sites

Posted · Report post

Merci.

Share this post


: post
Share on other sites

Posted · Report post

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 :)

Share this post


: post
Share on other sites

Posted · Report post

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.

Share this post


: post
Share on other sites

Posted · Report post

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

merci

Share this post


: post
Share on other sites

Posted · Report post

j'attend tes commentaires sur mon MP :)

Share this post


: post
Share on other sites

Posted · Report post

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 :)

Share this post


: post
Share on other sites

Posted · Report post

Merci mon boulot a bien avancé :)

Share this post


: post
Share on other sites

Posted · Report post

tiens nous au courant ;)

Share this post


: post
Share on other sites

Posted · Report post

Mon carrousel est en place.

Merci a toi Djespace :)

Tu m'a enlevé une épine

Share this post


: post
Share on other sites

Posted · Report post

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 ^_^

Share this post


: post
Share on other sites

Posted · Report post

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.

Share this post


: post
Share on other sites

Posted · Report post

Je vais travailler la dessus :)

Share this post


: post
Share on other sites

Posted · Report post

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)

Share this post


: post
Share on other sites

Posted · Report post

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 -->

 

 




 

Share this post


: post
Share on other sites

Posted · Report post

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.

Share this post


: post
Share on other sites

Posted · Report post

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.

Share this post


: post
Share on other sites

Posted · Report post

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

<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>
 

Share this post


: post
Share on other sites

Posted · Report post

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>';
		}

Share this post


: post
Share on other sites

Posted · Report post

tu as un lien vers ton site ?

Share this post


: post
Share on other sites

Posted · Report post

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 !)

Share this post


: post
Share on other sites

Posted · Report post

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

Bon courage

Share this post


: post
Share on other sites

Posted · Report post

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>

Share this post


: post
Share on other sites

Posted · Report post

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

 

dans le commentaire <!-- librairie pour activer le carousel -->
 

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>

Share this post


: post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

Twitter Advisto ecommerce

Facebook PEEL Shopping