PopUp en page d'accueil pour cms 1.10.3

booky · 04/05/2012 12:18:38

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ Cms Version: 1.10.3
#~ Installed Modules:
#~ CMSMailer: 2.0.2
#~ FileManager: 1.2.0
#~ MenuManager: 1.7.7
#~ ModuleManager: 1.5.3
#~ News: 2.12.3
#~ Printing: 1.1.2
#~ Search: 1.7
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.9.6
#~ FormBuilder: 0.7.2
#~ Captcha: 0.4.5
#~ CGExtensions: 1.28.2
#~ NMS: 2.4.2
#~ DownCnt: 2.2.0
#~ Slide: 1.0
#~ CMSPrinting: 1.0
#~ MicroTiny: 1.1.1
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 64000000
#~ 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.17
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.0.90
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Ecrivez votre question ici.

Bonjour, Je voudrais faire message en popup sur mon site comme le fait notre amis bess
ici --> http://img51.imageshack.us/img51/3636/2 … 121424.png
LE sujet a été un peu abordé mais pas developper en tuto...tjr ici-->http://www.cmsmadesimple.fr/forum/viewtopic.php?id=4154

j'ai réussie a place le script mais il s'ouvre a chaque fois que l'on revient sur l'accueil..

Merci

Dernière modification par booky (07/05/2012 15:56:15)

bess · 04/05/2012 14:15:17

Créé une balise utilisateur "cookies"

$html = "";
if (!isset($_COOKIE['cmsms']) || $_COOKIE['cmsms']!="1"){

$html = <<<HTML
<script type="text/javascript">

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + 
                                                $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + 
                                                $(window).scrollLeft() + "px");
    return this;
}


$(document).ready(function() {
$('#popupNews , #popupNews_content').show();
$('#popupNews_content').center();

$('#popupNews, #popupNews_close').click(function() {
    $('#popupNews , .popupNews_content').fadeOut(function() {
		$('#popupNews , #popupNews_content').remove(); 
    });
    return false;
});



});
</script>

HTML;
} 

  // on crée le cookie,
$cookie_name = "cmsms"; 
$cookie_value = "1"; 
$cookie_expire = 30*24*60*60; // 2592000 secondes = 30 jours

setcookie($cookie_name, $cookie_value, time()+$cookie_expire, '/');

echo $html;

créé un bloc de contenu global "popup_content"

<div id="popupNews"></div>
<div id="popupNews_content"><div id='popupNews_close'>fermer</div>
<h2 class="orangeh2">VOTRE TITRE</h2>

{* AJOUTEZ CE QUE VOUS VOULEZ ICI, APPEL A MODULE OU SIMPLE TEXTE *}

<div>{News number=1 summarytemplate='popup' showdraft='1'}</div>
<p>Et pour ne louper aucune actualité. Vous pouvez vous abonner aux <a href="http://www.cmsmadesimple.fr/feeds/news.rss" target="_blank">flux rss</a>, nous rejoindre sur notre <a href="https://www.facebook.com/pages/CmsMadeSimple-Fr/183809018317285" target="_blank">facebook</a> et notre <a href="https://twitter.com/#!/cmsmadesimplefr" target="_blank">twitter</a>. Vous pouvez également vous inscrire sur la <a href="http://www.cmsmadesimple.fr">page d'accueil</a> à la Newsletter.</p>

{* FIN DE VOTRE AJOUT *}

</div>

Dans ton gabarit ajouter la lib Jquery avant </head> si besoin et ajouter également {cookies} avant </head>.

Dans ton gabarit avant </body> ajouter {global_content name='popup_content'}

Le CSS utilisé :

[[strip]]
#popupNews{ 
        display: none; 
        background-color:#000; 
        opacity:0.8;
        filter : alpha(opacity=80);
	position: fixed; 
	left: 0; 
	top: 0;
	width: 100%; 
	height: 100%;
	z-index: 2000;

}
#popupNews_content{
	text-align: justify;
	position: fixed;
	top:30%;
	width: 400px;
	background-color:#000; 
	z-index:2001;
	padding:3px 10px;
	margin:0px auto;
	display: none;
	border: 1px solid #303030;
	border-radius:15px;
	box-shadow: 5px 5px 12px #444;
}
#popupNews_content h2.orangeh2{
	line-height:1.5em;
	margin:0 0 0.5em 4px;
	padding-bottom:1px;
	padding-left:1em;
	text-align:left;
	font-size:1.5em;
	color: #9D501E;
}

#popupNews_close{
	text-decoration: none;
	text-indent: -999em;
	float: right;
	height: 30px;
	width: 30px;
	margin-right: -15px;
	margin-top: -15px;
	cursor: pointer;
	background:url([[root_url]]/uploads/styles/corporate/images/close.png) no-repeat;
}
.popupNewsSummary{
    border-left: 1px dotted #CCCCCC;
    font-size: 1.2em;
    line-height: 1.1em;
    margin: 5px 0 15px 5px;
    padding-left: 10px;
}
#popupNews_content a.popup_more{
    border-left: 1px dotted #888888;
    cursor: pointer;
    display: block;
    padding: 0 0 0 10px;
text-decoration: none;
color: #A3A0A0;
font-size: 0.9em;
margin-bottom: 10px;
}

.popupNews_content a{
    color: #FFFFFF;
    text-decoration: underline;
}

a.popupNews_more{
}

*html #popupNews{
position: absolute;
}
*html #popupNews_content {
position: absolute;
}
[[/strip]]

et enfin l'image servant pour la croix à placer dans /uploads/styles/corporate/images/close.png :

ça devrait être a peu près bon

booky · 04/05/2012 14:37:50

Merci pour ta rapidité Bess,
En suivant ta procédure j'ai l'erreur suivante :

string(118) "Smarty error: [in globalcontent:popup_content line 4]: [plugin] unknown tag - 'News' (core.load_plugins.php, line 198)" string(130) "Smarty error: [in globalcontent:popup_content line 4]: syntax error: unrecognized tag 'News' (Smarty_Compiler.class.php, line 590)"
fermer

bess · 04/05/2012 14:48:48

c'est évident : il reconnait pas {News ..} dans le contenu global.

remplace le contenu de popup_content par ce que tu veux voir affiché dans ta popup

booky · 04/05/2012 16:32:36

effectivement ... autant pour moi
ça fonction plus ou moins avec ton css ..le popup s'affiche bien mais impossible de le fermer

bess · 04/05/2012 16:57:41

bon j'ai corrigé un point dans l'UDT cookies. Bien que ca ne doit pas changer ton fonctionnement, ce sera toujours + propre pour la suite. Pense donc à modifier ta propre UDT.

pour info j'avais oublié de placer

[== Indéfini ==]
jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + 
                                                $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + 
                                                $(window).scrollLeft() + "px");
    return this;
}

qui chez moi était inclus ailleurs.

J'ai également ajouté les informations de la CSS utilisé chez moi. Regarde si t'es bien à jour.

Dernier point : la fermeture de la popup se fait grace au code JS contenu dans l'UDT {cookies} :

[== Indéfini ==]
$('#popupNews, #popupNews_close').click(function() {
    $('#popupNews , .popupNews_content').fadeOut(function() {
		$('#popupNews , #popupNews_content').remove(); 
    });
    return false;
});

Ce n'est pas magique, juste du Jquery. Si chez toi ça ne marche pas c'est soit :
* que le Jquery plante (Ctrl + Shift + J sous firefox pour ouvrir la console de débug)
* que #popupNews ou #popupNews_close ou autre ne sont pas des ID existante dans ton gabarit, c'est à toi de vérifier.

Philipppe · 05/05/2012 12:03:06

merci bess .... : très beau rendu cette boîboîte !

Pour info, et à propos d'optimisation, quand je teste le lien ici --> http://img51.imageshack.us/img51/3636/2 … 121424.png le bouton de fermeture ne ferme pas, la touche <Echap> n'agit pas ...
Le seul moyen de fermer la popup, c'est "page précédente" !

Est-ce dû à ma config ?

booky · 07/05/2012 15:53:58

Merci bess

bess · 08/05/2012 17:27:26

@Philipppe rassure moi : tu me fais marcher là ?

bess · 10/05/2012 23:11:22

ré-ouverture, apparemment ma popup sur cmsms déconne vraiment sauf que j'ai beau retesté : RAS pour moi

Philipppe · 11/05/2012 10:03:22

Ok bess : je vais la monter dans la journée et je te dirai ce que je constate !
Merci d'avoir rouvert le topic.

Philipppe · 13/05/2012 12:23:42

bess,
J'ai donc installé jquery et monté les éléments de la popup ici
Mais quand j'appelle le site, il n'y a aucun affichage ... et pas d'erreur jquery !

Il doit y avoir un truc que j'ai loupé !?

wanajo38 · 13/05/2012 12:33:40

Bonjour Philippe,

ça ne va pas beaucoup t'aider mais chez moi je vois bien une erreur.

Bon courage

Dernière modification par wanajo38 (13/05/2012 12:34:01)

bess · 13/05/2012 20:44:58

/srv/data/web/vhosts/www.amavie.info/htdocs/lib/smarty/Smarty.class.php:1593 - trigger_error
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/smarty/Smarty.class.php:1415 - _fetch_resource_info
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/smarty/Smarty.class.php:1261 - _compile_resource
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/classes/module_support/modtemplates.inc.php:182 - fetch
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/classes/class.CMSModule.php:2395 - cms_module_ProcessTemplate
/srv/data/web/vhosts/www.amavie.info/htdocs/modules/jQuery/jQuery.module.php:30 - ProcessTemplate
/srv/data/web/vhosts/www.amavie.info/htdocs/modules/jQuery/action.default.php:6 - DisplayErrorPage
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/classes/class.CMSModule.php:1583 - include
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/classes/class.CMSModule.php:1628 - DoAction
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/module.functions.php:122 - DoActionBase
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/classes/class.CMSModule.php:280 - cms_module_plugin
/srv/data/web/vhosts/www.amavie.info/htdocs/tmp/templates_c/%%6E^6E4^6E4E713C%%tpl_head%3A23.php:44 - function_plugin
/srv/data/web/vhosts/www.amavie.info/htdocs/lib/smarty/Smarty.class.php:1263 - include
/srv/data/web/vhosts/www.amavie.info/htdocs/index.php:270 - fetch
string(73) "Smarty error: unable to read resource: "module_file_tpl:jQuery;error.tpl""

t'as effectivement une erreur

bess · 13/05/2012 20:46:40

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3 fois présent dans le code source.... ça doit pas aider

Philipppe · 14/05/2012 11:49:38

Merci wanajo et bess ...,
Je regarde ce soir !

jce76350 · 14/05/2012 21:02:24

Philipppe a écrit :

J'ai donc installé jquery

ça existe en version 1.10.3 jquery
il suffit de faire référence dans le gabarit à

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

Philipppe · 16/05/2012 20:24:15

@bess, @jce, merci !
Je fais le ménage et je reviens !

Jean le Chauve · 16/05/2012 21:09:58

Attention à cette version de JQuery qui fait crasher IE8 sous XP : http://www.cmsmadesimple.fr/forum/viewt … 468#p26468.
Utilise de préférence https://ajax.googleapis.com/ajax/libs/j … ery.min.js

jce76350 · 16/05/2012 21:20:47

Attention à cette version de JQuery qui fait crasher IE8 sous XP

ben NON pour c'est tout bon j'ai vérifier avant
de toute façon IE quelque soit la version doit être Interdit d'utilisation

++ je supprime le [Résolu] du 1er titre vu que c'est pas Résolu cette affaire !

Philipppe · 16/05/2012 21:23:40

@Ta Seigneurie ... voilà qui ne vas pas m'encourager à utiliser jQuery ... avant de m'être aussi remis à jour !

@bess, avec un bon nettoyage, la popup fonctionne maintenant ici
y compris la fermeture par le bouton.
(préviens moi stp quand tu auras testé, que je l'enlève !)

Mais j'ai toujours le même comportement avec ton lien, qu'elle que soit la config que j'utilise !
A suivre.

Jean le Chauve · 16/05/2012 21:45:20

Voici le bug déclaré sur http://bugs.jquery.com/ticket/9028.
Je l'avais eu sur mes sites.
La version à partir de 1.6.4 corrige ce problème.

Jean le Chauve · 16/05/2012 21:52:48

Vérifie ton code, Philippe, tu appelles 2 fois la doctype, la head et le body. De plus la fonction JS doit se trouver après l'appel de la librairie

jce76350 · 16/05/2012 22:07:39

la popup fonctionne maintenant

fonctionne impect sous IE8 (pour sa seigneurie Jean), Opéra 11.64 , SRWare Iron 18 sous XP sp3

bess · 16/05/2012 22:22:13

fonctionne chez moi (ff12 sous Win7)

retour case départ : pourquoi es tu le seul a rencontrer un tel soucis sur la popup de cmsmadesimple.fr -_-'

Informations Générales

Informations Système

Une fois votre problème solutionné

CMS Made Simple France

Annonce

#1 04/05/2012 12:18:38

PopUp en page d'accueil pour cms 1.10.3

#2 04/05/2012 14:15:17

Re : PopUp en page d'accueil pour cms 1.10.3

#3 04/05/2012 14:37:50

Re : PopUp en page d'accueil pour cms 1.10.3

#4 04/05/2012 14:48:48

Re : PopUp en page d'accueil pour cms 1.10.3

#5 04/05/2012 16:32:36

Re : PopUp en page d'accueil pour cms 1.10.3

#6 04/05/2012 16:57:41

Re : PopUp en page d'accueil pour cms 1.10.3

#7 05/05/2012 12:03:06

Re : PopUp en page d'accueil pour cms 1.10.3

#8 07/05/2012 15:53:58

Re : PopUp en page d'accueil pour cms 1.10.3

#9 08/05/2012 17:27:26

Re : PopUp en page d'accueil pour cms 1.10.3

#10 10/05/2012 23:11:22

Re : PopUp en page d'accueil pour cms 1.10.3

#11 11/05/2012 10:03:22

Re : PopUp en page d'accueil pour cms 1.10.3

#12 13/05/2012 12:23:42

Re : PopUp en page d'accueil pour cms 1.10.3

#13 13/05/2012 12:33:40

Re : PopUp en page d'accueil pour cms 1.10.3

#14 13/05/2012 20:44:58

Re : PopUp en page d'accueil pour cms 1.10.3

#15 13/05/2012 20:46:40

Re : PopUp en page d'accueil pour cms 1.10.3

#16 14/05/2012 11:49:38

Re : PopUp en page d'accueil pour cms 1.10.3

#17 14/05/2012 21:02:24

Re : PopUp en page d'accueil pour cms 1.10.3

#18 16/05/2012 20:24:15

Re : PopUp en page d'accueil pour cms 1.10.3

#19 16/05/2012 21:09:58

Re : PopUp en page d'accueil pour cms 1.10.3

#20 16/05/2012 21:20:47

Re : PopUp en page d'accueil pour cms 1.10.3

#21 16/05/2012 21:23:40

Re : PopUp en page d'accueil pour cms 1.10.3

#22 16/05/2012 21:45:20

Re : PopUp en page d'accueil pour cms 1.10.3

#23 16/05/2012 21:52:48

Re : PopUp en page d'accueil pour cms 1.10.3

#24 16/05/2012 22:07:39

Re : PopUp en page d'accueil pour cms 1.10.3

#25 16/05/2012 22:22:13

Re : PopUp en page d'accueil pour cms 1.10.3

Pied de page des forums

4 versions en démonstration