1. Forum CMS Made Simple FR
  2. Général
  3. Général
Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Affichage hiérarchique
[Résolu] Ajout d'un javascript dans une page
manu13
Unregistered
 
#1

31/12/2010, 01:00:07
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.9.1
#~ Nom de l'hébergeur : Easy Hebergement
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.9.1
#~ Installed Modules:
#~ * CMSMailer: 2.0
#~ * FileManager: 1.0.3
#~ * MenuManager: 1.7.2
#~ * ModuleManager: 1.4
#~ * News: 2.11
#~ * nuSOAP: 1.0.2
#~ * Printing: 1.1.1
#~ * Search: 1.6.7
#~ * ThemeManager: 1.1.3
#~ * TinyMCE: 2.8.1
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * output_compression: false
#~ * max_upload_size: 10000000
#~ * default_upload_permission: 664
#~ * url_rewriting: none
#~ * page_extension:
#~ * query_var: page
#~ * image_manipulation_prog: GD
#~ * auto_alias_content: true
#~ * locale:
#~ * default_encoding: utf-8
#~ * admin_encoding: utf-8
#~ * set_names: true
#~ Php Information:
#~ * phpversion: 5.2.6-1+lenny9
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * E_STRICT: 0
#~ * memory_limit: 64M
#~ * max_execution_time: 30
#~ * output_buffering: On
#~ * safe_mode: Off (Faux)
#~ * file_uploads: On (Vrai)
#~ * post_max_size: 10M
#~ * upload_max_filesize: 10M
#~ * session_save_path: Aucune vérification à cause du chemin OS
#~ * session_use_cookies: On (Vrai)
#~ * xml_function: On (Vrai)
#~ Server Information:
#~ * Server Api: cgi-fcgi
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.51a
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~


Bonsoir,

Voici l'url d'un javascript que j'aimerais intégré dans une page, mais les images change pas au survol d'un lien, j'ai tenté plein de truc mais cela ne marche pas.

Il y aurait t'il une astuce pour l'intégration ?

J'ai lu quelques trucs dans le wiki, dans la docs mais j'ai du mal à piger.

Bonne soirée et bonne fin d'année.
bess
Administrateur
*******
Messages : 10,864
Sujets : 164
Inscription : Dec 2008
Réputation : 0
#2

04/01/2011, 15:08:46
... nié ?
Site web Trouver
jissey
Administrateur
*******
Messages : 5,034
Sujets : 63
Inscription : Oct 2009
Réputation : 0
#3

05/01/2011, 11:34:21
Hein???
quel javascript, quels trucs, que n'as-tu pas pigé ?
Bon début d'année!
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
Site web Trouver
manu13
Unregistered
 
#4

08/01/2011, 01:08:05
Bonne année à vous tous.

Voici l'adresse du script http://www.editeurjavascript.com/scripts...es_2_8.php

J'ai créer une nouvelle page dans le cms made simple, j'ai essayer tant bien que mal de l'installée, mais il ne fonctionne pas.

J'ai lu des trucs sur les balises utilisateur, mais cela me semble confus.

Bonne soirée à tous

Manu
airelibre
Administrateur
*******
Messages : 2,487
Sujets : 18
Inscription : Dec 2009
Réputation : 0
#5

08/01/2011, 10:09:06
Bonjour Manu,

Alors, tu as deux possibilités pour ce que tu veux faire : Javascript (comme tu le propose) ou CSS (plus simple).

Javascript :
Le mieux est de créer un bloc de contenu global (contenu > blocs de contenus globaux) avec ton code javascript. Attention il faut bien mettre la balise {literal} comme ceci :
Code :
{literal}<script type='text/javascript'>
/*
on precharge les images de substitution
*/
i1 = new Image;
i1.src = "[url]http://www.tonsite.com/img/image2.gif[/url]";
i2 = new Image;
i2.src = "[url]http://www.tonsite.com/img/image3.gif[/url]";
</script>
{/literal}

Puis il faut placer ce bloc de contenu global dans ton gabarit de page (Contenu > Gabarits), entre les balises <head></head> avec un code du type :
Code :
{global_content name='nom_du_bloc'}

Après, dans ton contenu :
Code :
<A HREF="tips_img_03.php" onMouseOver="nomimage1.src=i1.src" onMouseOut="nomimage1.src='http://www.editeurjavascript.com/scripts/img/image1.gif'">Passez votre souris ici !</A><BR>
<A HREF="http://www.editeurjavascript.com" onMouseOver="nomimage1.src=i2.src" onMouseOut="nomimage1.src='http://www.editeurjavascript.com/scripts/img/image1.gif'">Ou encore là !</A>
<!-- Vous pouvez mettre une image a la place du texte :) -->
<BR><BR>
<IMG SRC="http://www.editeurjavascript.com/scripts/img/image1.gif" BORDER=0 WIDTH=88 HEIGHT=31 HSPACE=0 VSPACE=0 NAME="nomimage1"><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

Voilà, fin du javascript et après quelques adaptation ca devrait marcher.

Cela dit, je serai plus adepte de faire ce genre de choses en CSS. Un tuto là-dessus : http://innovablog.com/design/design-css-...css-image/
Pour résumer, on joue sur la position de l'image de fond d'un lien. Il faudra donc créer des fonds de boutons comprenant deux images : l'image normale et l'image survolée.

Bonne intégration !
Aire Libre // Création de sites web et services CMS Made Simple : intégration, développement, maintenance et dépannage // De l'Alsace vers le monde entier
Site web Trouver
bess
Administrateur
*******
Messages : 10,864
Sujets : 164
Inscription : Dec 2008
Réputation : 0
#6

08/01/2011, 13:59:45
sans aller jusqu'a utiliser les sprites css (fonds de boutons comprenant deux images) tu peux très bien faire très simplement :

Citation :voici le bouton <span class='bouton'></span>

et le code CSS associé

Citation :.bouton{
display:block;
height:20px; // = hauteur de l'image
width:20px; // largeur de l'image
background: url(/url/de/mon/image.gif); //l'url de mon image en mode normal
}

.bouton:hover{
background: url(/url/de/mon/image2.gif); //l'url de mon image en mode survolé
}

zéro javascript
Site web Trouver
manu13
Unregistered
 
#7

09/01/2011, 01:29:22
Bonsoir, merci pour votre aide.

J'ai créer deux blocs de contenus globaux, le premier nommé rollover et le deuxime rollover2

rollover contient

Code :
{literal}<script type='text/javascript'>
/*
on precharge les images de substitution
*/
i1 = new Image;
i1.src = "[url]http://www.tonsite.com/img/image2.gif[/url]";
i2 = new Image;
i2.src = "[url]http://www.tonsite.com/img/image3.gif[/url]";
</script>
{/literal}

rollover2 contient

Code :
{literal}<A HREF="tips_img_03.php" onMouseOver="nomimage1.src=i1.src" onMouseOut="nomimage1.src='http://www.editeurjavascript.com/scripts/img/image1.gif'">Passez votre souris ici !</A><BR>
<A HREF="http://www.editeurjavascript.com" onMouseOver="nomimage1.src=i2.src" onMouseOut="nomimage1.src='http://www.editeurjavascript.com/scripts/img/image1.gif'">Ou encore là !</A>
<!-- Vous pouvez mettre une image a la place du texte :) -->
<BR><BR>
<IMG SRC="http://www.editeurjavascript.com/scripts/img/image1.gif" BORDER=0 WIDTH=88 HEIGHT=31 HSPACE=0 VSPACE=0 NAME="nomimage1"><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>{/literal}

et dans contenu

Code :
{global_content name='rollover'} et {global_content name='rollover2'}

cela marche nickel

merci
« Sujet précédent | Sujet suivant »
Sujet fermé


Atteindre :


Utilisateur(s) parcourant ce sujet : 3 visiteur(s)
  1. Forum CMS Made Simple FR
  2. Général
  3. Général