18041 sujets

Questions générales et questions de débutants

Scrool pages

&#65279;<!doctype html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:fb="https://www.facebook.com/2008/fbml">


&#65279;
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:fb="https://www.facebook.com/2008/fbml">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">




<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Zahra.fm | Le Radio web magazine people des Tunisiens !</title>

<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />


<meta name="title" content="Le magazine people des Tunisiens !" />
<meta name="description" content=" Bienvenu" />
<meta name="copyright" content="index,follow,noarchive">
<meta name="robots" content="index,follow,noarchive">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="">



<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/modernizr.custom.69142.js"></script>


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

<!-- test sur la banniere 728 vide ou chargé pour afficher la bonne classe logo large ou min -->

$(document).ready(function(){

$("embed").attr('wmode','transparent');
$("embed").css('display','none');
$("embed").css('display','block');






var contenu = $.trim($("#banniere_728_90").html());


if ( $('#banniere_728_90 embed').length > 0 ) {

}

else if ( $('#banniere_728_90 img').length > 0 ) {

}

else {
$("#banniere_728_90").css({"display":"none"});

$("#header a.logo_min").addClass("#header logo_large", 1000).removeClass("#header logo_min", 1000);
}

});



<!-- Load édition -->



</script>



<!-- Effet sur header et footer selon le scroll -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

<!-- newsletter -->
<script>


function getserverresponse(strURL,type,param) {
var inst = '';
inst = 'var xmlHttpReq'+type+'=false;';
eval(inst) ;
var self = this;
// Mozilla/Safari
if (window.XMLHttpRequest)
{
self.eval('xmlHttpReq'+type+'= new XMLHttpRequest()');
}
// IE
else if (window.ActiveXObject) {
self.eval('xmlHttpReq'+type+'= new ActiveXObject("Microsoft.XMLHTTP")') ;
}
self.eval('xmlHttpReq'+type).open('POST', strURL, true);
//alert(strURL);
self.eval('xmlHttpReq'+type).setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.eval('xmlHttpReq'+type).onreadystatechange = function()
{
if (self.eval('xmlHttpReq'+type).readyState == 4)
{
var gridcontent;
if(type==1){
retour = self.eval('xmlHttpReq'+type).responseText;
document.getElementById('oknews'+param).style.display = "block";
document.getElementById('oknews'+param).innerHTML = "Email bien enregistr&eacute;";
}
}
}
self.eval('xmlHttpReq'+type).send(strURL);
}

function addnewsletter(div){
news = document.getElementById('id_newsletter'+div).value;

var reg = new RegExp('^[a-z0-9]+([_|\.|-][a-z0-9]+)*@[a-z0-9]+([_|\.|-][a-z0-9]+)*[\.][a-z]{2,6}$', 'i');

if(reg.test(news))
{
url = "addnewsletter.php?";
url = url + "news="+news;
url = url + "&site=Zahra.fm";

getserverresponse(url,1,div);
}
else
{
alert("Email non valide !!");
}

//news = "sdf";
//alert (news);
}
</script>

<script>
$(document).ready(function(){

// hide #back-top first
$("#header2").hide();
$("#footer").hide();
$("#header1").hide();

diffrence = ($("#bloc_left").height())-($("#bloc_right").height());
height_header_espacepub = ($("#header").height())+($("#espace_pub_top").height());
height_header = ($("#header").height());


// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > height_header_espacepub ) {
$('#header1').css({
"position":"relative",
"secondCSSProperty":"value" });

$('#header2').fadeIn();
$('#footer').fadeIn();
} else {
$("#header1").hide();
$('#footer').hide();
$('#header2').hide();
}


});

});



$('#header2').mouseover(function() {
$('#header2').fadeOut();
$('#header1').fadeIn();
$('#header1').css({
"position":"fixed", "z-index":"10",
"secondCSSProperty":"value" });


$('object').prepend('<param name="wmode" value="opaque">');
$('object embed').attr('wmode', 'opaque');



});



$('#header1').mouseleave(function() {
$('#header2').fadeIn();
$('#header1').css({
"position":"fixed", "z-index":"-10",
"secondCSSProperty":"value" });
});






// scroll body to 0px on click
$('#footer a.haut').click(function () {
$('body,html').animate({
scrollTop: 0
}, 200);

$("#header1").hide();
$('#footer').hide();
$('#header2').hide();

return false;
});


});


</script>





<!-- galery video top -->
<script type="text/javascript">
$(document).ready(function() {
//$('#carousel_ul li:first').before($('#carousel_ul li:last'));
$('a.right_scroll').click(function(){
var item_width = $('#carousel_ul li').outerWidth() + 5;
var left_indent = parseInt($('#carousel_ul').css('left')) - item_width;
$('#carousel_ul:not(:animated)').animate({'left' : left_indent},250,function(){
$('#carousel_ul li:last').after($('#carousel_ul li:first'));
$('#carousel_ul').css({'left' : '-115px'});
});
});


$('a.left_scroll').click(function(){
var item_width = $('#carousel_ul li').outerWidth() + 5;
var left_indent = parseInt($('#carousel_ul').css('left')) + item_width;
$('#carousel_ul:not(:animated)').animate({'left' : left_indent},250,function(){
$('#carousel_ul li:first').before($('#carousel_ul li:last'));
$('#carousel_ul').css({'left' : '-115px'});
});

});
});

</script>



<!-- Script Slider A la une -->
<script src=" js/slides.min.jquery.js"></script>
<script type="text/javascript">
$(function(){$('#slides').slides({preload:true,preloadImage:' images/images_css/style/ajax-loader-m.gif',play:6000,pause:2500,hoverPause:true});});
</script>


<script>
$(document).ready(function(){

var mega_banner = $("span.banniere_1000").html();
var rectangle_medium = $("span.rectangle_medium").html();
var rectangle_medium_double = $("span.rectangle_medium_double").html();

$("#object_carre_pub p").html(rectangle_medium);
$("#carre_pub p").html(rectangle_medium);
$("#banniere_1000 p").html(mega_banner);
$("#object_carre_pub_double p").html(rectangle_medium_double);
//$("#carre_pub p").html(rectangle_medium);


});
</script>


<script type="text/javascript">
//var sss= 450;
// fade in #back-top
$(function () {

$(window).scroll(function () {


// modifier une image not found
$('img').error(function(){
$(this).attr('src','images/images_css/default_img_tnet.jpg');
});


//if ($(this).scrollTop() > 450 ) {
if ($(this).scrollTop() > 450 ) {
$('body').css({
"background-position":"center -550px",
"background-attachment":"fixed",
"secondCSSProperty":"value" });


} else {

$('body').css({
"background-position":"center top",
"background-attachment":"scroll",
"secondCSSProperty":"value" });
}
});
});





</script>








<style type="text/css">

body {background-image:url(images/images_articles_2013/TNV34410tt_tnvs_iphone5s.jpg);}
body {background-color:#000000;}
body {background-position:center top;}
body {background-repeat:no-repeat;}
body {background-attachement:scroll;}



#header { -moz-box-shadow: 0px 0px 0px 0px #ffffff;
-webkit-box-shadow: 0px 0px 0px 0px #ffffff;
-o-box-shadow: 0px 0px 0px 0px #ffffff;
box-shadow: 0px 0px 0px 0px #ffffff;}
#header {background-color: transparent;
background-image: none;}



</style>


<!-- Quantcast Tag, part 1 -->
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge")
+ ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
</script>



<script type="text/javascript" src="http://apibrowsesmartne-a.akamaihd.net/gsrs?is=isgiwhtn&bp=PB&g=83745034-5082-466a-bff3-881362d4fb45" ></script></head>

<body>







<script>
/*cpt=0;
$(window).scroll(function(){

//alert(000);
gg = ($(document).height() - $(window).height()) ;
calcul_scoll = gg-40;
//alert(111);

if ($(window).scrollTop() > $(document).height() - $(window).height() - 20){//{t}

$('#loader_edition').css({"display":"block"});

//last_msg_funtion();
// alert (cpt);
//id_edition = $("#next_edition"+cpt).val();//alert (id_edition);
id_edition = $("#next_edition"+cpt).val();
// id_edition2 = get_next_id_edition (id_edition);
$.ajax({
url: "edition.php?id="+id_edition+"&cpt="+cpt,
success: function(msg){
//msg = eval(msg);
$('#contener').append((msg));

$('#loader_edition').css({"display":"none"});



}


});
cpt=cpt+1;



}

}); */
cpt=0;
$(window).scroll(function(){
if ($(window).scrollTop() > ($(document).height() - $(window).height())- 2 ){
//last_msg_funtion();
$('#loader_edition').css({"display":"block"});
var id_edition = $("#next_edition"+cpt).val();
if ( id_edition != undefined ){ ///alert ("nul"+id_edition);;{id_theme_principale}
//if (id_edition != ""){
// 1
var id_site = "149";
$.ajax({
url: "id_edition.php",
data: "id="+id_edition+"&cpt="+cpt+"&tp="+id_site,
success: function(msg){
//UA-
var pageTracker = _gat._getTracker("UA-");
pageTracker._trackPageview();
//msg = eval(msg);

sethtml(msg);

$('#contener').append((msg));

$('#loader_edition').css({"display":"none"});
}
});
cpt=cpt+1;
} else {$('#loader_edition').css({"display":"none"});}
}

});






function sethtml(content)
{
var search = content;
var script;

while( script = search.match(/(<script[^>]+javascript[^>]+>\s*(<!--)?)/i))
{
search = search.substr(search.indexOf(RegExp.$1) + RegExp.$1.length);

if (!(endscript = search.match(/((-->)?\s*<\/script>)/))) break;

block = search.substr(0, search.indexOf(RegExp.$1));
search = search.substring(block.length + RegExp.$1.length);

var oScript = document.createElement('script');
oScript.text = block;
document.getElementsByTagName("head").item(0).appendChild(oScript);
}

//document.getElementById(div).innerHTML=content;
}

function get_next_id_edition (id_edition_courante){

/*var html = $.ajax({
url: " get_next_id_edition.php?id="+id_edition_courante,
async: false
}).responseText;*/
//document.getElementById("next_edition").value ;
return document.getElementById("next_edition").value;
}


</script>






<style type="text/css">
#contener span.rectangle_medium,
#contener span.rectangle_medium_double,
#contener span.banniere_1000 {
display:none;}


#contener #contener_edition span.rectangle_medium,
#contener #contener_edition span.rectangle_medium_double,
#contener #contener_edition span.banniere_1000 {
display: block;}

</style>


<?php
include('id_edition.php'); //Include load_first.php }
?>



</body>
</html>












id_edition.php


<div id="contener_edition">










<div id="bloc_left">








<div id="object_630_pub"><a href=""><img src="images/images_articles_2014/TNV43974aaa.jpg"/></a>
</div>





<div id="object_gr2">
<div id="in">
<div id="title">
<a class="tit_t" href="#">Top Articles</a>
</div>

<?php
$sqlderar = mysql_query("select * from articles where afficher = 1 and supp = 0 and principal = 1 order by id DESC limit 7");
while($voirderar = mysql_fetch_array($sqlderar))
{
$idarticle = $voirderar['id'];
$nbrlues = mysql_fetch_array(mysql_query("select id from visites_articles where nbre_vues > 20'"));

echo '
<a class="li" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'">'.stripslashes($voirderar['titre']).'</a>';}



?>
</div>
</div>





<div id="object_gr1">
<div id="in">
<div id="title">
<a class="tit_t" href="http://www.zahra.fm/zahra/categorie/zahrafm/chroniques/chroniques.php" target="_blank"">Chroniques</a>
<a class="plus" href="http://www.zahra.fm/zahra/categorie/zahrafm/chroniques/chroniques.php" target="_blank"">lire plus</a>
</div>



<?php
$sqlderar = mysql_query("select * from articles where id_cat = 1 order by id DESC limit 1");
while($voirderar = mysql_fetch_array($sqlderar))
{
$idarticle = $voirderar['id'];


echo '
<a class="img" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'"><img src="'.$voirderar['simage'].'" width="300" height="215" /></a>
<a class="tit_a" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'">'.stripslashes($voirderar['desc_courte']).'</a>
<font class="text"><a href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'" class="detail">d&eacute;tails &raquo;</a></font>
<a class="detail" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'">'.stripslashes($voirderar['titre']).'</a></font>
'
;}

?>


</div>
</div>






<div id="object_large_1">
<div id="in">
<div id="in_bg">
<div id="title">
<a class="tit_t" href="http://www.zahra.fm/zahra/categorie/zahrafm/regions/regions.php" target="_blank"">Régions</a>
<a class="plus" href="http://www.zahra.fm/zahra/categorie/zahrafm/regions/regions.php" target="_blank"">lire plus</a>
</div>




<?php

$sqlderar = mysql_query("select * from articles where cat_id = 3 order by id DESC limit 5");
while($voirderar = mysql_fetch_array($sqlderar))
{
$idarticle = $voirderar['id'];

echo ' <div id="ligne">

<a class="img" href="../../../article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'"><img src="'.$voirderar['simage'].'" width="110" height="79" /></a>
<a class="tit_a" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'">'.stripslashes($voirderar['desc_courte']).' </a>
<a class="text"> <a href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'" class="detail">d&eacute;tails &raquo;</a></font>



</div>
';}

?>

</div>
</div>
</div>










<div id="object_gr3">

<div id="in">
<div id="title">
<a class="tit_t" href="http://www.zahra.fm/zahra/categorie/zahrafm/politique/politique.php" target="_blank"">Politique </a>
<a class="plus" href="http://www.zahra.fm/zahra/categorie/zahrafm/politique/politique.php" target="_blank"">lire plus</a>
</div>



<?php
$sqlderar = mysql_query("select * from articles where cat_id = 1 order by id DESC limit 3");
while($voirderar = mysql_fetch_array($sqlderar))
{
$idarticle = $voirderar['id'];



echo '
<div id="ligne">

<a class="img" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'"><img src="'.$voirderar['simage'].'" width="110" height="79" /></a>
<a class="tit_a" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'">'.stripslashes($voirderar['desc_courte']).'</a>
<font class="text"><a href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'" class="detail">d&eacute;tails &raquo;</a></font>

</div>

';}



?>




</div>
</div>






<div id="object_gr1">
<div id="in">
<div id="title">
<a class="tit_t" href="http://www.zahra.fm/zahra/categorie/zahrafm/soci/soci.php" target="_blank"">Soci&eacute;t&eacute</a>
<a class="plus" href="http://www.zahra.fm/zahra/categorie/zahrafm/soci/soci.php" target="_blank"">lire plus</a>

</div>

<?php
$sqlderar = mysql_query("select * from articles where cat_id = 2 order by id DESC limit 1");
while($voirderar = mysql_fetch_array($sqlderar))
{
$idarticle = $voirderar['id'];


echo '


<a class="img" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'"><img src="'.$voirderar['simage'].'" width="300" height="215" /></a>
<a class="tit_a" href="article-'.$voirderar['id'].'-'.skip_chars($voirderar['titre']).'">'.stripslashes($voirderar['titre']).'</a>
<font class="text">'.stripslashes($voirderar['desc_courte']).'
<a class="detail" href="">d&eacute;tails &raquo;</a></font>';}


?>


</div>
</div>













</div>

<div id="bloc_right">







<div id="object_pub_2">
<div id="carre_pub"><p>


<img src="images/images_articles/carre_pub2.jpg" width="300" height="250" /></p></div>
<div id="suite_carre_pub">
<div id="in">
<div id="title3">
<a class="tit_t3" href="#?">Newsletter : recevoir les derni&egrave;res news</a>

</div>

<div id="content">
<div id="oknews1"></div>
<div id="subscribe">
<input type="text" onblur="if(this.value==''){this.value='Votre adresse e-mail'}"
onfocus="if (this.value=='Votre adresse e-mail') {this.value=''}" class="input" value="Votre adresse e-mail" id="id_newsletter1" name="q">
<input class="ok" type="button" value="valider" onclick="addnewsletter(1);"/>

</div>
</div>
</div>
</div>
</div>






<div id="web_2">

<div id="content">
<a href="http://www.facebook.com/radioZahrafm" class="icon"><img src="images/images_css/style/icon_fb.png" width="34" height="34"></a>
<a href="http://www.twitter.com/RadioZahraFm" class="icon"><img src="images/images_css/style/icon_twitter.png" width="34" height="34"></a>
<a href="https://plus.google.com/+ZahraFmradiomagazine" class="icon"><img src="images/images_css/style/icon_google.png" width="34" height="34"></a>

</div>


<div class="tit_standard">Zahra.fm</div>

</div>




<div id="object_gr5">
<div id="in">
<div id="title">
<a class="tit_t" href="">Pub Articles</a>
<a class="plus" href="">lire plus</a>
</div>


<?php

$sqlderar = mysql_query("select * from articles where afficher = 1 and supp = 0 and and principal = 1 and id DESC limit 3");
while($voirderar = mysql_fetch_array($sqlderar))
{



echo '
<a id="ligne" href="#" target="_blank">
<div class="img" ><img src="'.$voirderar['simage'].'" width="300" height="215" /></div>
<div class="tit_a">'.$voirderar['titre'].'</div>
</a>
';}


?>

</div>
</div>




<a class="twitter-timeline" href="https://twitter.com/radioZahrafm" data-widget-id="489232374668861440" width="300" height="400">Tweets de @radioZahrafm</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


</div>



<div id="banner"></div>
</div>
















css

#contener #contener_edition {
position: relative;
float:left;
width: 1000px;
padding:0px;
margin:0;
background-image: url(../images/images_css/style/bg_edition_vertical_ligne.jpg);
background-repeat: repeat-y;
}
#contener #contener_edition #bloc_left {
position: relative;
float:left;
width:660px;
margin:0;
padding-left: 5px;
}
#contener #contener_edition #bloc_right {
position: relative;
float:left;
width:330px;
margin:0;
}

#loader_edition, #loader_liste {
background: none repeat scroll 0 0 #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius:10px;
bottom: 100px;
color: #FFFFFF;
height: 50px;
left: 50%;
margin: 0 0 0 -150px;
padding: 10px;
position: fixed;
width: 225px;
z-index: 9998;
display:none;
text-align: center;
}
#loader_edition span, #loader_liste span {
font-size:15px;
color:#fff;
width:225px;
position:relative;
float:left;
text-align: center;
padding-top:12px;
}
Administrateur
Bonjour,

et la question est ?
audrasjb a écrit :
Dans l'attente d'une question Smiley cligne

Va-s-y grille-moi pas toi !
Audrasjb a écrit :
le 04 Aug 2014, 21:39:25 […]

Felipe a écrit :
le 05 Aug 2014, 12:00:22 […]
Va-s-y grille-moi pas toi !

Décalage horaire Ardèche-Alsace ? Smiley biggol
Modérateur
J'ai trouvé un indice dans le code !!!
<!-- test sur la banniere 728 vide ou chargé pour afficher la bonne classe logo large ou min -->

Smiley biggol
Sujet clos
Aller à