Construction d'un theme avec bootstrap et plus de jgrowl? | Titre du sujet : Construction d'un theme avec bootstrap et plus de jgrowl? par seboseboss sur 13/04/2015 17:06:30
Salut
Je suis en train de me faire un theme avec bootstrap et le redirection jgrowl ne fonctionne pas.
J'ai toute une tartine de jquery, il y a peut être conflit mais je n'ai pas d'erreur et js, je sais pas les détecter.
Comment faire, j'ai désactivé l'option mais ça ressemble à rien la redirection sans jgrowl.
Ma page theme:
<!DOCTYPE html>
<html lang="<{$xoops_langcode}>">
<head>
<!-- Assign Theme name -->
<{assign var=theme_name value=$xoTheme->folderName}>
<!-- Title and meta -->
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{/if}><{$xoops_sitename}></title>
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- Rss -->
<link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="<{xoAppUrl favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoAppUrl favicon.png}>" />
<!-- Sheet Css -->
<link href="http://fonts.googleapis.com/css?family=Atomic%20Age" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl style.css}>" />
<link rel="stylesheet" href="<{xoImgUrl css/bootstrap.css}>" />
<link rel="stylesheet" href="<{xoImgUrl assets/css/bootswatch.min.css}>">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="//streamingfilm.me/themes/bootstream/dualslider/css/fonts.css" />
<link rel="stylesheet" type="text/css" media="all" href="//streamingfilm.me/themes/bootstream/dualslider/css/jquery.dualSlider.0.3.css" />
<script type="text/javascript" src="//streamingfilm.me/themes/bootstream/Zoombox/zoombox.js"></script>
<link href="//streamingfilm.me/themes/bootstream/Zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
<script src="../bower_components/respond/dest/respond.min.js"></script>
<![endif]-->
</head>
<{if $xoops_isadmin}>
<!-- Histats.com START (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15_giftop.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="hit tracker" ><script type="text/javascript" >
try {Histats.startgif(1,2808960,4,10054,"div#histatsC {position: absolute;top:50%;right:0px;}body>div#histatsC {position: fixed;}");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><style type="text/css">div#histatsC {position: absolute;top:50%;right:0px;}body>div#histatsC {position: fixed;}</style>
<a href="http://www.histats.com" alt="hit tracker" target="_blank" ><div id="histatsC"><img border="0" src="http://s4is.histats.com/stats/i/2808960.gif?2808960&103"></div></a>
</noscript>
<!-- Histats.com END -->
<{/if}>
<body>
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<{if $xoops_isadmin}>
<a href="<{xoAppUrl admin.php}>" class="navbar-brand" title="Administration">administration</a>
<{/if}>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<{if $xoops_isadmin}>
<li><a href="<{xoAppUrl user.php}>" title="Voir son compte">Voir son compte</a></li>
<li><a href="<{xoAppUrl edituser.php}>" title="Editer son compte">Editer son compte</a></li>
<li><a href="<{xoAppUrl notifications.php}>" title="Notifications">Notifications</a></li>
<{elseif $xoops_isuser}>
<li><a href="<{$xoops_url}>" class="current" title="Page d'accueil">Page d'Accueil</a></li>
<li><a href="<{xoAppUrl user.php}>" title="Voir son compte">Voir son compte</a></li>
<li><a href="<{xoAppUrl edituser.php}>" title="Editer son compte">Editer son compte</a></li>
<li><a href="<{xoAppUrl notifications.php}>" title="Notifications">Notifications</a></li>
<{else}>
<li><a href="<{$xoops_url}>" title="Page d'accueil" class="current">Page d'Accueil</a></li>
<li><a href="<{$xoops_url}>/actualite/" title="Les news">Les news</a></li>
<li><a href="<{$xoops_url}>/foire_aux_questions/" title="Faq">Faq</a></li>
<li><a href="<{$xoops_url}>/register.php" title="S'inscrire et profiter de toutes les fonctionnalités du site">S'inscrire</a></li>
<{/if}>
<{xoInboxCount assign=pmcount}>
<{if $xoops_isadmin or $xoops_isuser}>
<{if $pmcount}>
<!-- if I have messages -->
<li><a href="<{xoAppUrl modules/pm/viewpmsg.php}>" title="Messagerie privée"><font color="red">
<{if $pmcount==1 }>
<{$pmcount}> message
<{else}>
<{$pmcount}> messages
<{/if}>
</font></a></li>
<li class="last"><a href="<{xoAppUrl user.php?op=logout}>" title="Déconnexion">Déconnexion</a></li>
<{else}>
<!-- if I do not have a message -->
<li><a href="<{xoAppUrl modules/pm/viewpmsg.php}>" title="Pas de message!">Messagerie</a></li>
<li class="last"><a href="<{xoAppUrl user.php?op=logout}>" title="Déconnexion">Déconnexion</a></li>
<{/if}>
<{else}>
<li><a href="<{$xoops_url}>/user.php" title="Se connecter">Se connecter</a></li>
<li class="last"><a href="<{$xoops_url}>/contact/" title="Contact">Contact</a></li>
<{/if}>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Themes <b class="caret"></b></a>
<ul class="dropdown-menu" id="ThemeList">
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="<{$xoops_url}>/streaming/uptodebrid.php" target="_blank">Débrideur Uptobox</a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".carousel").dualSlider({
auto:true,
autoDelay: 6000,
easingCarousel: "swing",
easingDetails: "easeOutBack",
durationCarousel: 1000,
durationDetails: 500
});
});
</script>
<div class="container">
<div id="toggle" style="display:none;">
<div class="page-header" id="banner">
<div class="page-header">
<div class="jumbotron">
<div class="carousel clearfix">
<div class="panel" >
<div class="details_wrapper">
<div class="details">
<div class="detail">
<h2 class="Lexia-Bold"><a href="http://streamingfilm.me/streaming/singlevideo.php?cid=2&lid=6573">Diversion</a> </h2>
La relation entre un arnaqueur professionnel et une apprentie criminelle vient perturber les affaires de chacun, quand ils se recroisent quelques années après leur première rencontre.
<a href="http://streamingfilm.me/streaming/singlevideo.php?cid=2&lid=6573" title="Regarder" class="more"><p class="text-info">Regarder</p></a>
</div>
<div class="detail">
<h2 class="Lexia-Bold"><a href="http://streamingfilm.me/modules/xoopstube/singlevideo.php?cid=8&lid=6536">Fast & Furious 7</a></h2>
Dominic Toretto et sa "famille" doivent faire face à Deckard Shaw, bien décidé à se venger de la mort de son frère.
<a href="http://streamingfilm.me/modules/xoopstube/singlevideo.php?cid=8&lid=6536" title="Regarder" class="more"><p class="text-info">Regarder</p></a>
</div>
</div>
</div>
<div class="paging">
<div id="numbers"></div>
<a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>
<a href="javascript:void(0);" class="next" title="Next">Next</a>
</div>
<a href="javascript:void(0);" class="play" title="Turn on autoplay">Play</a>
<a href="javascript:void(0);" class="pause" title="Turn off autoplay">Pause</a>
</div>
<div class="backgrounds">
<div class="item item_1">
<object width="604" height="340"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.allocine.fr/blogvision/19551087" /><embed src="http://www.allocine.fr/blogvision/19551087" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="604" height="340" wmode="transparent"></embed></object>
</div>
<div class="item item_2">
<object width="604" height="340"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.allocine.fr/blogvision/19551173" /><embed src="http://www.allocine.fr/blogvision/19551173" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="604" height="340" wmode="transparent"></embed></object>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default" id="navbar_collante" style="z-index:1000">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<{$xoops_url}>">Accueil</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Streaming<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<{if $xoops_isuser or $xoops_isadmin}>
<li><a href="<{$xoops_url}>/streaming/index.php">Index streaming</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/streaming/allocine.php">Soumettre(auto)</a></li>
<li><a href="<{$xoops_url}>/streaming/submit.php">Soumettre(manuel)</a></li>
<li class="divider"></li>
<{/if}>
<li><a href="<{$xoops_url}>/streaming/topten.php?list=hit">Top 100 Populaire</a></li>
<li><a href="<{$xoops_url}>/streaming/topten.php?list=rate">Top 100 Mieux notées</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/streaming/newlist.php?newvideoshowdays=7">Vidéos récentes</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/search.php">Rechercher</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Catégories <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=6">Films d'animation</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=5">Séries animés - FR</a></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=1">Séries animés - VOSTFR</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=10">Documentaires</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=8">Films - Cam-TS-TC</a></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=2">Films - FR</a></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=7">Films - VOSTFR</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=3">Séries TV - FR</a></li>
<li><a href="<{$xoops_url}>/streaming/viewcat.php?cid=9">Séries TV - VOSTFR</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Articles <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="<{$xoops_url}>/actualite/">Lire les articles</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/actualite/submit.php">Proposer un article</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/actualite/whoswho.php">Annuaire des auteurs</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/actualite/topics_directory.php">Répertoire des sujets</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/actualite/archive.php">Archives</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">FAQ <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="<{$xoops_url}>/foire_aux_questions/">Voir la Faq</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/foire_aux_questions/submit.php?op=add">Proposer une Q&R</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/foire_aux_questions/request.php?op=add">Soumettre une Question</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/foire_aux_questions/open_index.php">Questions Ouvertes</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Forum <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="<{$xoops_url}>/forum/">Voir les Forums</a></li>
<li class="divider"></li>
<li><a href="<{$xoops_url}>/forum/search.php">Recherche avancée</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Pages utile <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<{if $xoops_isadmin}>
<li><a href="<{$xoops_url}>/modules/mypoints/index.php?det=0">Membres actif</a></li>
<li><a href="<{$xoops_url}>/streaming/doublon.php">Trouver les doublons</a></li>
<li><a href="<{$xoops_url}>/streaming/miroir.php">Liste des miroirs</a></li>
<{/if}>
<li><a href="<{$xoops_url}>/streaming/uptodebrid.php">Débrideur Uptobox</a></li>
<!--<li><a href="http://streamingfilm.me/modules/rss/">Flux RSS</a></li>-->
<li><a href="<{$xoops_url}>/pages_utile/index.php?pagenum=5">Programme TV</a></li>
<li><a href="<{$xoops_url}>/pages_utile/index.php?pagenum=2">Partenaires</a></li>
<li><a href="<{$xoops_url}>/pages_utile/index.php?op=link">Créer un lien</a></li>
<li><a href="<{$xoops_url}>/pages_utile/index.php?op=refer">Recommander</a></li>
<li><a href="<{$xoops_url}>/plan_du_site/">Plan du site</a></li>
</ul>
</li>
</ul>
<form action="<{xoAppUrl search.php}>" method="get" class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" name="query" class="form-control" placeholder="Recherche...">
<input type="hidden" name="action" value="results" />
</div>
<button type="submit" value="Go" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" id="toggler">Voir Header</a></li>
</ul>
</div>
</div>
</nav>
<!-- End header -->
<!-- End header -->
<div class="row">
<div class="col-sm-3 col-lg-3">
<{if $xoops_showlblock}>
<aside>
<div id ="left-column" class ="panel panel-default">
<article>
<header>
<{foreach item=block from=$xoBlocks.canvas_left}>
<{includeq file="$theme_name/theme_blockleft.html"}>
<{/foreach}>
</header>
</article>
</div>
</aside>
<{/if}>
</div>
<div class="col-sm-12 col-lg-12 " >
<{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
<div class ="row">
<div id="centerCcolumn" class="col-sm-12 col-lg-12">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoBlocks.page_topcenter}>
<article class ="top-center-blocks">
<header>
<{includeq file="$theme_name/theme_blockcenter_c.html"}>
</header>
</article>
<{/foreach}>
<!-- End center-center blocks loop -->
</div>
</div>
<div class = "row">
<div id="centerLcolumn" class="col-sm-6 col-lg-6">
<div class ="panel panel-default">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoBlocks.page_topleft}>
<article class ="top-left-blocks">
<header>
<{includeq file="$theme_name/theme_blockcenter_l.html"}>
</header>
</article>
<{/foreach}>
<!-- End center-left blocks loop -->
</div>
</div>
<div id ="centerRcolumn" class ="col-sm-6 col-lg-6">
<div class="panel panel-default">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoBlocks.page_topright}>
<article class ="top-right-blocks">
<header>
<{includeq file="$theme_name/theme_blockcenter_r.html"}>
</header>
</article>
<{/foreach}>
</div>
<!-- End center-right blocks loop -->
</div>
</div>
<{/if}>
<{if $xoops_contents && ($xoops_contents != ' ') }>
<div class = "row">
<div id ="top-content" class ="col-sm-12 col-lg-12">
<article>
<header>
<content><{$xoops_contents}></content>
</header>
</article>
</div>
</div>
<{/if}>
<!-- bottom columns -->
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>
<{if $xoBlocks.page_bottomcenter}>
<div class = "row">
<div id="bottomCcolumn" class="col-sm-12 col-lg-12">
<{foreach from=$xoBlocks.page_bottomcenter item=block}>
<article class ="bottom-center-blocks">
<header>
<{include file="$theme_name/theme_blockcenter_c.html"}>
</hader>
</article>
<{/foreach}>
</div>
</div>
<{/if}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>
<div class = "row">
<div id="bottomLcolumn" class="col-sm-6 col-lg-6">
<div class ="panel panel-default">
<{foreach from=$xoBlocks.page_bottomleft item=block}>
<article class ="bottom-left-blocks">
<header>
<{include file="$theme_name/theme_blockcenter_l.html"}>
</header>
</article>
<{/foreach}>
</div>
</div>
<div id="bottomRcolumn" class="col-sm-6 col-lg-6">
<div class ="panel panel-default">
<{foreach from=$xoBlocks.page_bottomright item=block}>
<article class ="bottom-right-blocks">
<header>
<{include file="$theme_name/theme_blockcenter_r.html"}>
</header>
</article>
<{/foreach}>
</div>
</div>
</div>
<{/if}>
<{/if}>
</div>
<!--clearfix here-->
<div class="clearfix visible-sm"></div>
<div class="col-sm-3 col-lg-3">
<{if $xoops_showrblock}>
<aside>
<div id ="right-column" class ="panel panel-default" >
<article>
<header>
<{foreach item=block from=$xoBlocks.canvas_right}>
<{includeq file="$theme_name/theme_blockright.html"}>
<{/foreach}>
</header>
</article>
</div>
</aside>
<{/if}>
</div><!--full with on responsive view-->
</div>
<!-- Start right blocks loop -->
<div class = "clearfix visible-xs visible-lg"></div>
<div class = "row">
<div id="footer">
<!-- End right blocks loop -->
<p><{$xoops_footer}></p>
</div>
</div>
</div>
<!-- Start footer -->
<!-- End footer -->
<script type="text/javascript" async="true">
$(document).ready(function(){
//Check to see if the window is top if not then display button
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
</script>
<script type="text/javascript" async="true">
$(document).ready(function(){
// wrap image with <span class="image-wrap"> for styling
$('#demo img').each(function() {
var imgClass = $(this).attr('class');
$(this).wrap('<span class="image-wrap ' + imgClass + '" style="width: auto; height: auto;"/>');
$(this).removeAttr('class');
});
});
</script>
<script type="text/javascript">
jQuery(function($){
$('a.zoombox').zoombox();
});
</script>
<script>
$(window).load(function(){
$("#navbar_collante").sticky({ topSpacing: 50 });
});
</script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="<{xoImgUrl bower_components/bootstrap/dist/js/bootstrap.min.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl assets/js/bootswatch.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl dualslider/scripts/jquery-1.3.2.min.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl dualslider/scripts/jquery.easing.1.3.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl dualslider/scripts/jquery.timers-1.2.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl dualslider/scripts/jquery.dualSlider.0.3.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl js/jquery.sticky.js}>"></script>
</body>
</html>
<script type='text/javascript'>
/* <![CDATA[ */
/*
|-----------------------------------------------------------------------
| jQuery Toggle
|-----------------------------------------------------------------------
|
| Affiche/cache le contenu d'un bloc une fois qu'un lien est cliqué.
|
*/
// On attend que la page soit chargée
jQuery(document).ready(function()
{
// On cache la zone de texte
jQuery('#toggle').hide();
// toggle() lorsque le lien avec l'ID #toggler est cliqué
jQuery('a#toggler').click(function()
{
jQuery('#toggle').toggle(400);
return false;
});
});
/* ]]> */
</script>
<!-- theme switcher -->
<!--{xo-logger-output}-->
</body>
</html>
|
|