2x le signe diese # dans un lien ?

Fermé
Mickael - 14 mars 2017 à 13:47
 Mickael - 14 mars 2017 à 13:48
Bonjour,
Peut on utiliser 2x le signe # dans un lien ?

J'ai un souci, j'utilise un formulaire en plusieurs étapes (js) qui s'ouvre dans une fenetre modale (appelée par <a href="#fenetre" rel="nofollow noopener noreferrer" target="_blank">

Le passage d'une étape à l'autre du formulaire se fait aussi par un signe #.

Du coup, lorsque je passe à l'étape 2 de mon formulaire le popup se ferme.

Merci d'avance



1 réponse

Voici le code JS utilisé pour le formulaire
/* 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='#formu' rel="nofollow noopener noreferrer" target="_blank" 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='#overlay#' rel="nofollow noopener noreferrer" target="_blank" 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);
0