Здравствуйте, есть такой скрипт на jQuery вот ссылка на исходник: просмотретьПроблемы как таковой нету, он работает и на локалке и на хостинге hosting.ua без проблем, но когда я его залил на не наш хостинг freehostia.com посмотреть работу скриптаон не работает там, как может хостинг влиять на работу ява скрипта и HTML?( вот код index.html| Код | ...... <script type="text/javascript" src="lib/jquery.js"></script> <script type="text/javascript" src="lib/formToWizard.js"></script> <script type="text/javascript"> function MakeWizard() { $("#SignupForm").formToWizard({ submitButton: 'SaveAccount' }) $("#makeWizard").hide(); $("#info").fadeIn(400); }
function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } </script> .......... </head><body onload="MakeWizard()">
<div id="main"> <form id="SignupForm" action=""> <fieldset> <legend>Account information</legend> <label for="Name">Name</label> <input id="Name" type="text" /> <label for="Email">Email</label> <input id="Email" type="text" /> <label for="Password">Password</label> <input id="Password" type="password" /> </fieldset> <fieldset> <legend>Company information</legend> <label for="CompanyName">Company Name</label> <input id="CompanyName" type="text" /> <label for="Website">Website</label> <input id="Website" type="text" /> <label for="CompanyEmail">CompanyEmail</label> <input id="CompanyEmail" type="text" /> </fieldset> <fieldset> <legend>Billing information</legend> <label for="NameOnCard">Name on Card</label> <input id="NameOnCard" type="text" /> <label for="CardNumber">Card Number</label> <input id="CardNumber" type="text" /> <label for="CreditcardMonth">Expiration</label> <select id="CreditcardMonth"> <option value="1">1</option> </select> <select id="CreditcardYear"> <option value="2009">2009</option> </select> <label for="Address1">Address 1</label> <input id="Address1" type="text" /> <label for="Address2">Address 2</label> <input id="Address2" type="text" /> <label for="City">City</label> <input id="City" type="text" /> <label for="City">City</label> <select id="Country"> <option value="CA">Canada</option> <option value="UA">Ukraine</option> </select> </fieldset> <p> <input id="SaveAccount" type="button" value="Submit form" /> </p> </form> </div> </body> ....
|
файл formToWizard.js| Код | (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 + "'>Step " + (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'>< Back</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'>Next ></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);
|
|