Signaler

Impossible de démarrer compte à rebours

Posez votre question team-off 1111Messages postés mercredi 1 avril 2015Date d'inscription 17 juillet 2017 Dernière intervention - Dernière réponse le 17 juil. 2017 à 04:26 par team-off
Bonjour, j'ai récupérer une template sur un site pour créer une page maintenance pour mon site j'ai mis la date dans le script ".js" et je ne comprend pas dans le fichier index.php j'ai ça
<li class="col-md-3 col-sm-6"> 
<input class="knob second" data-readonly=true data-min="0" data-max="60" data-width="260" data-height="260" data-thickness="0.07" data-fgcolor="#ff3b30" data-bgColor="#e1e2e6" data-angleOffset="180">
<span id="secs-title">secondes</span>
</li>

J'ai donc que changer le fichier ".js" comme c'est indiquer est laisser par défaut le fichier "index.php" et sur mon site le compte à rebours reste sur 0 comme indiquer sur le fichier "index.php" il ne prend pas en compte les changements que j'ai apporté au fichier ".js".

Voici le code complet "index.php"
<?php 
session_start();
include("library/class_email_sender.php");
?>

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Maintenance</title>

<link name="author" href="Faisal Russel(russel365)" />
<meta name="description" content="Coming soon, Bootstrap, Bootstrap 3.0, Free Coming Soon, free coming soon, free template, coming soon template, Html template, html template, html5">

<!-- Favicons -->
<link rel="shortcut icon" href="favicon.ico">

<!-- Mobile -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

<!-- CSS start here -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<!-- CSS end here -->
<!-- Google fonts start here -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<!-- Google fonts end here -->
</head>
<body class="ux">
<div class="bg-overlay"></div>
<!-- Preloader start here -->
<div id="preloader">
<div id="status"></div>
</div>
<!-- Preloader end here -->
<!-- About Icon start here -->
<div class="about-us">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="fa fa-file-text-o tool-tip" data-toggle="modal" data- data-placement="right" title="About"></a>
</div>
<!-- About Icon end here -->
<!-- Contact Icon start here -->
<div class="contact-us">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="fa fa-envelope-o tool-tip" data-toggle="modal" data- data-placement="left" title="Contact"></a>
</div>
<!-- Contact Icon end here -->
<!-- Main container start here -->
<section class="container main-wrapper">
<!-- Logo start here -->
<section id="logo" class="fade-down">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" title="UX - Coming Soon HTML Template">
<img src="img/logo.png" alt="UX - Coming Soon HTML Template">
</a>
</section>
<!-- Logo end here -->
<!-- Slogan start here -->
<section class="slogan fade-down">
<h1>Notre site internet est en construction. Nous serons bientôt là avec notre nouveau site génial, abonnez-vous pour être averti.</h1>
</section>
<!-- Slogan end here -->
<!-- Count Down start here -->
<section class="count-down-wrapper fade-down">
<ul class="row count-down">
<li class="col-md-3 col-sm-6">
<input class="knob days" data-readonly=true data-min="0" data-max="365" data-width="260" data-height="260" data-thickness="0.07" data-fgcolor="#34aadc" data-bgColor="#e1e2e6" data-angleOffset="180">
<span id="days-title">Jours</span>
</li>
<li class="col-md-3 col-sm-6">
<input class="knob hour" data-readonly=true data-min="0" data-max="24" data-width="260" data-height="260" data-thickness="0.07" data-fgcolor="#4cd964" data-bgColor="#e1e2e6" data-angleOffset="180">
<span id="hours-title">heures</span>
</li>
<li class="col-md-3 col-sm-6">
<input class="knob minute" data-readonly=true data-min="0" data-max="60" data-width="260" data-height="260" data-thickness="0.07" data-fgcolor="#ff9500" data-bgColor="#e1e2e6" data-angleOffset="180">
<span id="mins-title">minutes</span>
</li>
<li class="col-md-3 col-sm-6">
<input class="knob second" data-readonly=true data-min="0" data-max="60" data-width="260" data-height="260" data-thickness="0.07" data-fgcolor="#ff3b30" data-bgColor="#e1e2e6" data-angleOffset="180">
<span id="secs-title">secondes</span>
</li>
</ul>
</section>
<!-- Count Down end here -->
<!-- Newsletter start here -->
<section class="newsletter row fade-down">

<form action="//afrussel.us10.list-manage.com/subscribe/post?u=9d80e0546273f34e306d026fe&id=748920b40a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="contact col-md-6 fade-down validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll" class="form-group">
<div><span class="email-ico"> <i class="fa fa-envelope-o"></i> </span>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Entrez votre email ici pour rester à l'écoute"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_9d80e0546273f34e306d026fe_748920b40a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Submit" name="Soumettre" id="mc-embedded-subscribe" class="btn-submit"></div>
</div>
</form>
</section>
<!-- Newsletter end here -->
<!-- Social icons start here -->
<ul class="connect-us row fade-down">
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="fb tool-tip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="twitter tool-tip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="gplus tool-tip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="linkedin tool-tip" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="ytube tool-tip" title="You Tube"><i class="fa fa-youtube-play"></i></a></li>
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="dribbble tool-tip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" rel="nofollow noopener noreferrer" target="_blank" class="pinterest tool-tip" title="Pinterest"><i class="fa fa-pinterest-square"></i></a></li>
</ul>
<!-- Social icons end here -->
<!-- Footer start here -->
<footer class="fade-down">
<p class="footer-text">© Interconnectez 2017, All Rights Reserved.</p>
</footer>
<!-- Footer end here -->
</section>
<!-- About start here -->
<div class="modal fade bs-example-modal-lg" role="dialog" aria-hidden="true" data-keyboard="true" data-backdrop="static" tabindex="-1">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="fa fa-times cls-pop" data-dismiss="modal"></a>
<div class="modal-dialog modal-lg clearfix">
<div class="modal-content pop-up">
<h3>A propos de nous</h3>
<div class="clearfix">
<div>
<p>Interconnectez hébergeur WEB français</p>
</div>
</div>
<ul class="features">
<li>XXXX</li>
<li>XXXX</li>
<li>XXXX</li>
<li>XXXX</li>
</ul>
</div>
</div>
</div>
<!-- About end here -->
<!-- Contact start here -->
<div class="modal fade bs-example-modal-lg2" role="dialog" aria-hidden="true" data-keyboard="true" data-backdrop="static" tabindex="-1">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="fa fa-times cls-pop" data-dismiss="modal"></a>
<div class="modal-dialog modal-lg">
<div class="modal-content pop-up pop-up-cnt">
<h3>Nous contacter</h3>



<!--Email Sending Script -->

<?php
$name="";
$from="";
$message="";
if(isset($_POST['submit'])){

$name=mysql_real_escape_string($_POST['name']);
$from=mysql_real_escape_string($_POST['email']);
$message=mysql_real_escape_string($_POST['comments']);
$code=$_SESSION['captcha'];
$captcha=mysql_real_escape_string($_POST['captcha']);
$to="contact@interconnectez.com"; // Add your e-mail here
if($code!=$captcha){
echo '<script>alert("Invalid Captcha");</script>';
}else{
include("library/send_email.php");
}

//Isset finishes here
}
?>


<!-- Email Sending Script-->

<div class="clearfix cnt-wrap">
<form id="contactform" name="contactform" action="" method="post">
<div id="result"></div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 columns">
<input type="text" id="name" placeholder="Name" name="nom" value="<?php echo $name;?>" required>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 columns">
<input type="text" id="email" placeholder="Email" name="email" value="<?php echo $from;?>" required>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 columns">
<textarea id="comments" name="comments" placeholder="Message" required><?php echo $message;?></textarea>
</div>

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 columns captcha text-center">
<img src="captcha.php"><br>
<input type="text" name="captcha" placeholder="captcha"required>
</div>

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center columns">
<button name="submit" id="submit" class="contact-btn-submit" type="submit">Envoyée</button>
</div>
</form>
</div>


<div class="clearfix cnt-wrap">
<div class="col-md-4 col-sm-4">
<i class="fa fa-phone"></i>
<h4>Téléphone</h4>
<p>Téléphone: Non disponible<br /></p>
</div>

<div class="col-md-4 col-sm-4">
<i class="fa fa-envelope-o"></i>
<h4>Email</h4>
<p>contact@interconnectez.com<br /></p>
</div>
<div class="col-md-4 col-sm-4">
<i class="fa fa-map-marker"></i>
<h4>Addresse</h4>
<p>France</p>
</div>
</div>
</div>
</div>
</div>
<!-- Contact end here -->
<!-- Main container start here -->
<!-- Javascript framework and plugins start here -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/modernizr.js"></script>
<script type="text/javascript" src="js/appear.js"></script>
<script src="js/jquery.knob.js"></script>
<script src="js/jquery.ccountdown.js"></script>
<script src="js/init.js"></script>
<script src="js/general.js"></script>

<!-- Javascript framework and plugins end here -->
</body>
</html>




Et le fichier "general.js"

// General window load function

$(window).load(function() {
$('#status').fadeOut();
$('#preloader').delay(350).fadeOut('slow');
$('body').delay(350).css({'overflow':'visible'});
})


//enter the count down date using the format year, month, day, time:time
$(".count-down").ccountdown(2017,11,18,'3:00');

// Utilizing the Modernizr object created to implement placeholder functionality
function hasPlaceholderSupport() {
var input = document.createElement('input');
return ('placeholder' in input);
}

if (!Modernizr.input.placeholder) {
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
$('[placeholder]').parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
})
});
}
$('a[href="#"]').click(function(e) {
e.preventDefault();
});

//Animate Section on Appear
$(document).ready(function() {
$('.fade-down').each(function() {
$(this).appear(function() {
$(this).delay(1000).addClass('animated fadeInDown');
});
});

$("a.tool-tip").tooltip();

});

// Contact Form Mail Functionality
$(document).ready(function() {
$(".validate").validate();
$(document).on('submit', '.contact-form', function() {
$.ajax({
url : 'contact.php',
type : 'post',
data : $(this).serialize(),
success : function(data) {
$('.form-respond').html("<div class='content-message success'><h2>Email Sent Successfully Your message has been submitted.</h2></div>");
},
error : function(xhr, err) {
$('.form-respond').html("<div class='content-message'><h2>Error sending Try again later.</h2></div>");
}
});
return false;
});
});


Merci d'avance.
Afficher la suite 
Utile
+0
plus moins
Bonjour,

La flemme de lire tout ton code.... surtout que tu ne l'a pas mis avec la coloration syntaxique ( --> Pour poster du code sur le forum.. merci d'utiliser la coloration syntaxique (les balises de code).
Explications disponibles ici : http://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code )

Mais bon... déjà.. peux tu nous dire ce qui apparait dans la console de ton navigateur ? Tu n'y aurait pas des messages d'erreur ??


Autre chose ....
Attention, l'extension mysql était obsolète en PHP 5.5.0, et a été supprimée en PHP 7.0.0.
http://www.commentcamarche.net/faq/43261-php-l-extension-mysql-est-obsolete#top

À la place, tu peux (<gras DOIS </gras> ) utiliser l'extension MySQLi ou l'extension PDO_MySQL
http://www.commentcamarche.net/faq/44117-connexion-a-une-base-avec-pdo-mysqli

Si tu choisis PDO, pense à activer la gestion des erreurs : http://www.commentcamarche.net/faq/46512-pdo-gerer-les-erreurs

Donnez votre avis
Utile
+0
plus moins
Merci pour ta réponse j'ai vue après 1 heure que le code était correct mais que c'était le navigateur qui posez problème il fonctionner sur Mozilla et Edge et pas Chrome et après 2 heures il a finis pas fonctionné sur Chrome bisard, par contre je n'ai pas compris à votre truc obsolète je dois changer un truc sur mon code ?
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !