Naprawdę nie wiedziałem, jak wyjaśnić moje pytanie w tytule, więc próbowałem.
W każdym razie jest to mój problem. Mam stronę internetową, która jest zasadniczo zagadką. Podstawową przesłanką jest to, że kiedy odwiedzasz określony link, uruchomi funkcję i pokaż następny element.
Oto jedna z funkcji, które pokażą kawałek -
function showone() {
var elem = document.getElementById("one");
if (elem.className = "hide") {
elem.className = "show"
}
}
Powodem, dla którego jest tak zbudowany, jest to, że elementy są skonstruowane i umieszczane za pomocą tabeli HTML, używając klas, aby je ukryć i pokazać.
To, co muszę zrobić, jest jakoś stworzyć adres URL, który uruchomi nowy element. Na przykład "www.website.com/index.html?showone" jest tym, co chciałbym. Wyzwalałoby to funkcję "showone".
Nie wiem, jak to zrobić, a po uczciwym rozdarciem, jestem bardziej zdezorientowany niż na początku.
Powód, dla którego używam JavaScript, aby rozpocząć, jest to, że strona nie może odświeżyć. Rozumiem, że może to być możliwe, w którym to przypadku jestem otwarty na jakiekolwiek sugestie, jak mogłem to uzyskać do pracy.
Z góry dziękuję, wszelkie sugestie byłyby bardzo doceniane.
-Mitchyl.
2 odpowiedzi
JavaScript Web Application Framework mogą to dla Ciebie, pozwalają na zbudowanie aplikacji internetowej bez strony odświeżania.
Na przykład możesz użyć Backbonejs ma klasę routera wewnątrz i bardzo łatwy w użyciu. Kod jest łatwy jak:
var Workspace = Backbone.Router.extend({
routes: {
"help": "help", // #help
"search/:query": "search", // #search/kiwis
"search/:query/p:page": "search" // #search/kiwis/p7
},
help: function() {
...
},
search: function(query, page) {
...
}
});
Czy można również użyć Angularjs jest to duży, który obsługuje Google.
Może to rozwiązanie może ci pomóc?
$("a.icon-loading-link").click(function(e){
var link = $(e.target).prop("href"); //save link of current <a> into variable
/* Creating new icon-tag, for example $("<img/>", {src: "link/to/file"}).appendTo("next/dt"); */
e.preventDefault(); //Cancel opening link
return false; //For WebKit browsers
});