bannieres [Réglé]
chulukai Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
J'ai découvert un petit script HTML que je veux mettre sur mon site via module page ou page news, je voies bien les bannières mais les URL de bannières ne fonctionne pas.
Voici le script :
Code HTML :
<head> <title>Scripts javascript : Aperçu</title> <script language="javascript"> function plus() {code_html = '<a href="'+liens[chiffre]+'" target="_blank"><img border="0" src="'+pictures[chiffre]+'"></a>'; document.getElementById("zone_bannieres").innerHTML = code_html; if(chiffre == longueur) { chiffre = 0; } else { chiffre++; } changement = 1; //durée d'affichage d'une bannière en secondes window.setTimeout("plus()", (changement*5000));} /* http://www.espacejavascript.com */ pictures = new Array() pictures[0] = 'img/ban1.jpg'; pictures[1] = 'img/ban2.gif'; pictures[2] = 'img/ban3.jpg'; pictures[3] = 'img/ban4.jpg'; pictures[4] = 'img/ban5.png'; pictures[5] = 'img/ban6.gif'; pictures[6] = 'img/ban7.jpg'; pictures[7] = 'img/ban8.jpg'; longueur = pictures.length-1; liens = new Array() liens[0] = 'http://www.avast.com/get/bHdIzCxF'; liens[1] = 'http://www.colok-traductions.com/index.html'; liens[2] = 'http://www.domesprit.com/'; liens[3] = 'http://www.gratilog.net/xoops/'; liens[4] = 'http://www.phpboost.com/'; liens[5] = 'http://gratiweb.info/'; liens[6] = 'http://www.service-webmaster.fr/'; liens[7] = 'http://trackmaniaforever.com/'; chiffre = 0; </script> </head> <body onload="plus()" bgcolor="#FFFFFF"> <br /><p class="tt" ></p><br /><br /> <DIV ID="zone_bannieres" align="center"></DIV>
Ps. Il fonctionne avec un fichier index.html
Merci
Édité par chulukai Le 23/09/2014 à 16h44
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
ou sont mis les bannières ?
ou est intégré ce code ?
Cordialement, janus57
chulukai Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
janus57 :
Bonjour,
ou sont mis les bannières ? : (http://gratiweb.info/img/)
ou est intégré ce code ? : (Accueil/News)
Cordialement, janus57
ou sont mis les bannières ? : (http://gratiweb.info/img/)
ou est intégré ce code ? : (Accueil/News)
Cordialement, janus57
Si je met le script bannières dans "Accueil/News" Je ne voies pas les bannières et les liens l'URL des bannières ne fonctionne pas.
Voici la propriété

Si je met le dossier (img) de mes images bannières dans le dossier news je peu voir mes images, mais pour les liens je sais pas comment procédé.
Merci
Édité par chulukai Le 21/09/2014 à 00h12
chulukai Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
Exemple script original :
Code HTML :
<head> <title>Scripts javascript : Aperçu</title> <script language="javascript"> function plus() {code_html = '<a href="'+liens[chiffre]+'" target="_blank"><img border="0" src="'+pictures[chiffre]+'"></a>'; document.getElementById("zone_bannieres").innerHTML = code_html; if(chiffre == longueur) { chiffre = 0; } else { chiffre++; } changement = 1; //durée d'affichage d'une bannière en secondes window.setTimeout("plus()", (changement*5000));} /* http://www.espacejavascript.com */
Par ce script :
Code HTML :
<head> <title>Scripts javascript : Aperçu</title> <script language="javascript"> function plus() {code_html = '<a href="/news/'+liens[chiffre]+'" target="_blank"><img border="0" src="/news/'+pictures[chiffre]+'"></a>'; document.getElementById("zone_bannieres").innerHTML = code_html; if(chiffre == longueur) { chiffre = 0; } else { chiffre++; } changement = 1; //durée d'affichage d'une bannière en secondes window.setTimeout("plus()", (changement*5000));} /* http://www.espacejavascript.com */
Original :
Code HTML :
remplacé par : Code HTML :
Édité par chulukai Le 21/09/2014 à 04h04
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Tu cumul les balises head et body sur ton code alors qu'elle devrait être unique.
Il faudrait mieux intégré tout tes scripts dans le frame.tpl et laisser le html ailleurs.
Du coup, j'ai fait propre chez moi et cela fonctionne parfaitement : http://prntscr.com/4ouev7
donc met ton code JS dans le frame.tpl :
Code HTML :
# INCLUDE JS_TOP #
<script language="javascript">
function plus()
{code_html = '<a href="'+liens[chiffre]+'" target="_blank"><img border="0" src="'+pictures[chiffre]+'"></a>';
document.getElementById("zone_bannieres").innerHTML = code_html;
if(chiffre == longueur)
{ chiffre = 0; }
else
{ chiffre++; }
changement = 1;
//durée d'affichage d'une bannière en secondes
window.setTimeout("plus()", (changement*5000));}
/* http://www.espacejavascript.com */
pictures = new Array()
pictures[0] = 'img/ban1.jpg';
pictures[1] = 'img/ban2.gif';
pictures[2] = 'img/ban3.jpg';
pictures[3] = 'img/ban4.jpg';
pictures[4] = 'img/ban5.png';
pictures[5] = 'img/ban6.gif';
pictures[6] = 'img/ban7.jpg';
pictures[7] = 'img/ban8.jpg';
longueur = pictures.length-1;
liens = new Array()
liens[0] = 'http://www.avast.com/get/bHdIzCxF';
liens[1] = 'http://www.colok-traductions.com/index.html';
liens[2] = 'http://www.domesprit.com/';
liens[3] = 'http://www.gratilog.net/xoops/';
liens[4] = 'http://www.phpboost.com/';
liens[5] = 'http://gratiweb.info/';
liens[6] = 'http://www.service-webmaster.fr/';
liens[7] = 'http://trackmaniaforever.com/';
chiffre = 0;
</script>
</head>toujours dans frame.tpl tu ajoute l'appel à la fonction :
Code HTML :
<body itemscope="itemscope" itemtype="http://schema.org/WebPage" onload="plus()">Tu peux aussi changer l'adresse des images pour que ce soit plus simple et surtout si tu veux l'utiliser sur plusieurs modules :
Code JAVASCRIPT :
'{PATH_TO_ROOT}/templates/{THEME}/images/ban1.jpg'Enfin dans la page que tu veux tu as juste à ajouter ce code html :
Code TEXT :
[html]<div id="zone_bannieres" align="center"></div>[/html]
Tu devrais faire cela pour tous les scripts que tu as ajouté.
chulukai Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
chulukai Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
Au sujet du code bannières que tu m'a proposé ici il fonctionne très bien avec le thème de base et le thème cameleon v.2, mais les bannières ne sont pas visible avec le thème Underline v.2.5
Voici le frame.tpl du thème Underline
Caché :
<!DOCTYPE html>
<html lang="{L_XML_LANGUAGE}">
<head>
<title>{TITLE}</title>
<meta charset="iso-8859-1" />
# IF C_DESCRIPTION #<meta name="description" content="{SITE_DESCRIPTION}" /># ENDIF #
<meta name="keywords" content="{SITE_KEYWORD}" />
<meta name="generator" content="PHPBoost {PHPBOOST_VERSION}" />
# IF C_CANONICAL_URL #<link rel="canonical" href="{U_CANONICAL}"/># ENDIF #
<!-- Theme CSS -->
# IF C_CSS_CACHE_ENABLED #
<link rel="stylesheet" href="${CSSCacheManager::get_css_path('/templates/default/theme/default.css;/kernel/lib/css/font-awesome/css/font-awesome.css;/templates/{THEME}/theme/design.css;/templates/{THEME}/theme/global.css;/templates/{THEME}/theme/content.css')}" type="text/css" media="screen, print, handheld" />
# ELSE #
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/theme/default.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/kernel/lib/css/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
# ENDIF #
<!-- Modules CSS -->
{MODULES_CSS}
# IF C_FAVICON #
<link rel="shortcut icon" href="{FAVICON}" type="{FAVICON_TYPE}" />
# ENDIF #
# INCLUDE JS_TOP #
<script language="javascript">
function plus()
{code_html = '[url='+liens[chiffre]+']<img border="0" src="'+pictures[chiffre]+'">[/url]';
document.getElementById("zone_bannieres").innerHTML = code_html;
if(chiffre == longueur)
{ chiffre = 0; }
else
{ chiffre++; }
changement = 1;
//durée d'affichage d'une bannière en secondes
window.setTimeout("plus()", (changement*5000));}
/* http://www.espacejavascript.com */
pictures[0] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban1.jpg';
pictures[1] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban2.gif';
pictures[2] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban3.jpg';
pictures[3] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban4.jpg';
pictures[4] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban5.png';
pictures[5] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban6.gif';
pictures[6] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban7.jpg';
pictures[7] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban8.jpg';
pictures[8] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban9.jpg';
pictures[9] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban10.jpg';
longueur = pictures.length-1;
liens = new Array()
liens[0] = 'http://www.avast.com/get/bHdIzCxF';
liens[1] = 'http://www.colok-traductions.com/index.html';
liens[2] = 'http://www.domesprit.com/';
liens[3] = 'http://www.gratilog.net/xoops/';
liens[4] = 'http://www.phpboost.com/';
liens[5] = 'http://gratiweb.info/';
liens[6] = 'http://www.service-webmaster.fr/';
liens[7] = 'http://trackmaniaforever.com/';
liens[8] = 'http://www.azote.org//';
liens[9] = 'http://chez-swan.net/';
chiffre = 0;
</script>
</head>
<body itemscope="itemscope" itemtype="http://schema.org/WebPage" onload="plus()">
# INCLUDE BODY #
# INCLUDE JS_BOTTOM #
</body>
</html>
<html lang="{L_XML_LANGUAGE}">
<head>
<title>{TITLE}</title>
<meta charset="iso-8859-1" />
# IF C_DESCRIPTION #<meta name="description" content="{SITE_DESCRIPTION}" /># ENDIF #
<meta name="keywords" content="{SITE_KEYWORD}" />
<meta name="generator" content="PHPBoost {PHPBOOST_VERSION}" />
# IF C_CANONICAL_URL #<link rel="canonical" href="{U_CANONICAL}"/># ENDIF #
<!-- Theme CSS -->
# IF C_CSS_CACHE_ENABLED #
<link rel="stylesheet" href="${CSSCacheManager::get_css_path('/templates/default/theme/default.css;/kernel/lib/css/font-awesome/css/font-awesome.css;/templates/{THEME}/theme/design.css;/templates/{THEME}/theme/global.css;/templates/{THEME}/theme/content.css')}" type="text/css" media="screen, print, handheld" />
# ELSE #
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/theme/default.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/kernel/lib/css/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
# ENDIF #
<!-- Modules CSS -->
{MODULES_CSS}
# IF C_FAVICON #
<link rel="shortcut icon" href="{FAVICON}" type="{FAVICON_TYPE}" />
# ENDIF #
# INCLUDE JS_TOP #
<script language="javascript">
function plus()
{code_html = '[url='+liens[chiffre]+']<img border="0" src="'+pictures[chiffre]+'">[/url]';
document.getElementById("zone_bannieres").innerHTML = code_html;
if(chiffre == longueur)
{ chiffre = 0; }
else
{ chiffre++; }
changement = 1;
//durée d'affichage d'une bannière en secondes
window.setTimeout("plus()", (changement*5000));}
/* http://www.espacejavascript.com */
pictures[0] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban1.jpg';
pictures[1] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban2.gif';
pictures[2] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban3.jpg';
pictures[3] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban4.jpg';
pictures[4] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban5.png';
pictures[5] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban6.gif';
pictures[6] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban7.jpg';
pictures[7] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban8.jpg';
pictures[8] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban9.jpg';
pictures[9] = '{PATH_TO_ROOT}/templates/{THEME}/img/ban10.jpg';
longueur = pictures.length-1;
liens = new Array()
liens[0] = 'http://www.avast.com/get/bHdIzCxF';
liens[1] = 'http://www.colok-traductions.com/index.html';
liens[2] = 'http://www.domesprit.com/';
liens[3] = 'http://www.gratilog.net/xoops/';
liens[4] = 'http://www.phpboost.com/';
liens[5] = 'http://gratiweb.info/';
liens[6] = 'http://www.service-webmaster.fr/';
liens[7] = 'http://trackmaniaforever.com/';
liens[8] = 'http://www.azote.org//';
liens[9] = 'http://chez-swan.net/';
chiffre = 0;
</script>
</head>
<body itemscope="itemscope" itemtype="http://schema.org/WebPage" onload="plus()">
# INCLUDE BODY #
# INCLUDE JS_BOTTOM #
</body>
</html>
Le code html est placé dans la news (page de démarrage du site), comme je dit plus haut les bannières apparaissent bien dans les thèmes de base et cameleon, et non visible avec le thème underline.
Merci
Édité par chulukai Le 23/09/2014 à 16h13
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
re-vérifier votre code JS, il n'est pas complet

Cordialement, janus57
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Code JAVASCRIPT :
pictures = new Array()
Code JAVASCRIPT :
pictures = new Array() pictures[0] = '/templates/base/img/ban1.jpg'; pictures[1] = '/templates/base/img/ban2.gif'; pictures[2] = '/templates/base/img/ban3.jpg'; pictures[3] = '/templates/base/img/ban4.jpg'; pictures[4] = '/templates/base/img/ban5.png'; pictures[5] = '/templates/base/img/ban6.gif'; pictures[6] = '/templates/base/img/ban7.jpg'; pictures[7] = '/templates/base/img/ban8.jpg'; pictures[8] = '/templates/base/img/ban9.jpg'; pictures[9] = '/templates/base/img/ban10.jpg';
chulukai Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
Merci
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie