Bonjour à toutes et à tous,
je rencontre deux conflits du à javascript.
Voici mon intégration html et ensuite je vous mettrai les js
HTML
Si quelqu'un peux trouver la solution à mon problème en sachant que j'ai déjà lu plusieurs sujet du même genre sur des blogs mais il n'y avait pas toujours les réponses QUE JE COMPRENAIS !!!
MERCI à celle ou celui qui y arrivera
et vive Gael Goetter ^^
Modifié par Geoffrey C. (22 Sep 2011 - 10:35)
je rencontre deux conflits du à javascript.
Voici mon intégration html et ensuite je vous mettrai les js
HTML
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/overlay.js" type="text/javascript"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Lobster_11_400.font.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/html5.js"></script>
</head>
<body>
<h1>recette,minceur,perdre du poids,saison,menu,diabete,maigrir</h1>
<div class="think"><a href="#"><img src="images/pensez-y.png"></a></div>
<div class="why"><a href="#"><img src="images/membre.png"></a></div>
<div id="container">
<ul class="menu-top">
<div class="bonjour">bblabla</div>
<li class="idwelcome">
</li>
<li><a href="login.html" rel="#overlay" style="text-decoration:none">Se connecter</a></li>
<li class="last-item"><a href="subscribe.html" rel="#overlay" style="text-decoration:none">Devenir membres</a></li>
</ul>
<div class="logo"><a href="http://www.nos-recettes-minceur.com/" id="logo">Nos Recettes minceur </a></div>
<nav>
<ul id="menu">
<li><a href="http://www.nos-recettes-minceur.com/"><b>Accueil</b><span>recettes minceur</span></a></li>
<li><a href="http://www.nos-recettes-minceur.com/recettes-minceur-de-chefs.php"><b>Recettes</b><span>minceur de nos chefs</span></a></li>
<li><a href="http://www.nos-recettes-minceur.com/menus-equilibres-minceur.php"><b>Menus</b><span>équilibrés du moment</span></a></li>
<li><a href="http://www.nos-recettes-minceur.com/ustensiles-cuisine.php"><b>Ustensiles de cuisine</b><span>les indispensables</span></a></li>
<li><a href="http://www.nos-recettes-minceur.com/cote-librairie-minceur.php"><b>Côté librairie</b><span>notre sélection</span></a></li>
</ul>
</nav>
</div>
<!-- overlayed element -->
<div class="apple_overlay" id="overlay">
<!-- the external content is loaded inside this tag -->
<div class="contentWrap"></div>
</div>
MAINTENANT les deux JS
[#blue]/*overlay.js*/
[/#]
$(function() {
// if the function argument is given to overlay,
// it is assumed to be the onBeforeLoad event listener
$("a[rel]").overlay({
mask: '#b8d53d',
effect: 'apple',
onBeforeLoad: function() {
// grab wrapper element inside content
var wrap = this.getOverlay().find(".contentWrap");
// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
}
});
});
[#indigo]/* formToWizard.js */[/#]
/* Created by jankoatwarpspeed.com */
(function($) {
$.fn.formToWizard = function(options) {
options = $.extend({
submitButton: ""
}, options);
var element = this;
var steps = $(element).find("fieldset");
var count = steps.size();
var submmitButtonName = "#" + options.submitButton;
$(submmitButtonName).hide();
// 2
$(element).before("<ul id='steps'></ul>");
steps.each(function(i) {
$(this).wrap("<div id='step" + i + "'></div>");
$(this).append("<p id='step" + i + "commands'></p>");
// 2
var name = $(this).find("legend").html();
$("#steps").append("<li id='stepDesc" + i + "'>Etape " + (i + 1) + "<span>" + name + "</span></li>");
if (i == 0) {
createNextButton(i);
selectStep(i);
}
else if (i == count - 1) {
$("#step" + i).hide();
createPrevButton(i);
}
else {
$("#step" + i).hide();
createPrevButton(i);
createNextButton(i);
}
});
function createPrevButton(i) {
var stepName = "step" + i;
$("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Prev' class='prev'>< Retour</a>");
$("#" + stepName + "Prev").bind("click", function(e) {
$("#" + stepName).hide();
$("#step" + (i - 1)).show();
$(submmitButtonName).hide();
selectStep(i - 1);
});
}
function createNextButton(i) {
var stepName = "step" + i;
$("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Next' class='next'>Suivant ></a>");
$("#" + stepName + "Next").bind("click", function(e) {
$("#" + stepName).hide();
$("#step" + (i + 1)).show();
if (i + 2 == count)
$(submmitButtonName).show();
selectStep(i + 1);
});
}
function selectStep(i) {
$("#steps li").removeClass("current");
$("#stepDesc" + i).addClass("current");
}
}
})(jQuery);
DANS ma page appelé contenu:
<head>
<link href="stylesheets/style.css" media="screen, projection" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/formToWizard.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#SignupForm").formToWizard({ submitButton: 'SaveAccount' })
});
</script>
</head>
<body>
<img src="images/subscribe.png">
<form id="SignupForm" name="SignupForm" action="logmember.php" method="post">
<fieldset>
<legend>Vos informations</legend>
<p><label for="identifiant">* Identifiant</label>
<input id="identifiant" name="identifiant" /></p>
<p><label for="email">* Email</label>
<input id="email" name="email" placeholder="info@nos-recettes-minceur.com" type="email" AUTOCOMPLETE=OFF /></p>
<p><label for="password">* Mot de passe</label>
<input id="password" name="password" type="password" AUTOCOMPLETE=OFF /></p>
<p><label for="newsletter">Cocher la case si vous souhaitez recevoir la newsletter</label>
<input id="newsletter" name="newsletter" type="checkbox" /></p>
</fieldset>
<fieldset>
<legend>Mon abonnement</legend>
<p><label for="12mois"><strong>Acces 12 mois = 4€ / mois</strong></br>Facturé en un paiement de 48 euros</label>
<input id="douzemois" name="douzemois" type="checkbox" /></p>
<p><label for="6mois"><strong>Acces 6 mois = 5,5€ / mois</strong></br>Facturé en un paiement de 33 euros</label>
<input id="sixmois" name="sixmois" type="checkbox" /></p>
<p><label for="1mois"><strong>Acces 1 mois = 7€ / mois</strong></br>Facturé en un paiement de 7 euros</label>
<input id="unmois" name="unmois" type="checkbox" /></p>
</fieldset>
<fieldset>
<legend>Choix de paiement</legend>
<p><label for="cardtype">Type de carte</label>
<select id="cardtype" name="cardtype">
<option>Visa</option>
<option>Mastercard</option>
</select></p>
<p><label for="cardnumber">Numéro de carte</label>
<input id="cardnumber" name="cardnumber" type="number" AUTOCOMPLETE=OFF /></p>
<p><label for="secure">Code de sécurité (cryptograme)</label>
<input id="secure" name="secure" type="number" AUTOCOMPLETE=OFF /></p>
<p><label for="namecard">Nom du propriétaire de la carte</label>
<input id="namecard" name="namecard" type="text" AUTOCOMPLETE=OFF /></p>
</fieldset>
<fieldset>
<legend>Confirmer votre inscription</legend>
<p>En validant toutes ses informations, <a href="#">j'accepte les conditions d'utilisations</a></p>
<p><button id="SaveAccount" type="submit"><span>S'ENREGISTRER</span></button></p>
</fieldset>
</form>
Si quelqu'un peux trouver la solution à mon problème en sachant que j'ai déjà lu plusieurs sujet du même genre sur des blogs mais il n'y avait pas toujours les réponses QUE JE COMPRENAIS !!!
MERCI à celle ou celui qui y arrivera
et vive Gael Goetter ^^ Modifié par Geoffrey C. (22 Sep 2011 - 10:35)
