JQuery Ajax loading na šipkách

verified

(50 hodnocení)

26. 6. 2013 13:49:53

Dobrý den,

chtěl bych touto cestou poprosit, někoho zkušeného, kdo se orientuje dobře v jQuery o malou radu.

Zkouším si připravit skript, který mi pomocí ajaxu zobrazuje obsahy jednotlivých stránek. Tuto část se mi podařilo připravit.

Aktuálně bych však rád do skriptu připravil šipky - pravá a levá, kterou budou sloužit pro postupné procházení mezi jednotlivými stránkami.

Bohužel tohle je část se kterou si vůbec nevím rady, jak např. šipce do prava říct, že má jít na následující stránku.

Nevěděli byste prosím jak na to? Předem moc díky za rady.

<!doctype html>

<html>

<head>
    <title>Ajax-loading</title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script language="javascript">
		$(function(){
		  $(".classloader").click(function(){

var url = $(this).attr('href');
		    $("#contenthere").load(url);
		    return false;

});
		});
	</script>

<style>
	#arrow-left, #arrow-right{
		float:left;
		cursor: pointer;
	}
	</style>
  
  </head>

<body>

<div id="arrow-left"><img src="http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/256x256/arrow-left.png" width="20"/></div>
<div id="arrow-right"><img src="http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/256x256/arrow-right.png" width="20"></div>

<a href="brno.html" class="classloader">Zobraz Brno</a>
<i> / </i>
<a href="praha.html" class="classloader">Zobraz Prahu</a>
<i> / </i> 
<a href="olomouc.html" class="classloader">Zobraz Olomouc</a>
<i> / </i>
<a href="plzen.html" class="classloader">Zobraz Plzeň</a>
<i> / </i>
<a href="ostrava.html" class="classloader">Zobraz Ostravu</a>

<div id="contenthere">
</div>

</body>

</html>

26. 6. 2013 13:49:53

https://webtrh.cz/diskuse/jquery-ajax-loading-na-sipkach#reply916857

verified

(25 hodnocení)

26. 6. 2013 14:08:47

Na šipky navěsit funkce next() a prev() a pokud žádné další next() s třídou classloader není, vrátit se na začátek, případně na konec

26. 6. 2013 14:08:47

https://webtrh.cz/diskuse/jquery-ajax-loading-na-sipkach#reply916856

verified

(50 hodnocení)

26. 6. 2013 14:15:26

Děkuji za odpověď. Poradil byste mi prosím kam přesně tyto funkce umístit. Volat je při kliku na odkaz je asi kravina?

26. 6. 2013 14:15:26

https://webtrh.cz/diskuse/jquery-ajax-loading-na-sipkach#reply916855

Pro odpověď se přihlašte.

Prodej Více

Slovenská doména pro pokladny a pokladní systémy

10 000 Kč

0 příhozů

Prodej domén k podniká v oblasti svíček.

200 Kč

1 příhoz

Nabízím k prodeji e-shop s Kratomem či CBD

25 000 Kč

0 příhozů

Projekt, vize, spolupráce – ceskyfarmar.cz

29 000 Kč

0 příhozů

Eshop na digitální licence her (Know-How) 🎮🔥💎

50 000 Kč

2 příhozy

Poptávky Více

Hledám investora na projekt v oblasti lidských zdrojů, mám „gold“ doménu která má vysoké dosahy a hodně propagací – mám nápad – hledám společníka investora

Mám zajímavý projekt, a hlavně hodně lukrativní doménu na pracovním trhu která je hodně propagovaná a má vysoké dosahy, stávající řešení je nevyhovující, hledám společníka do projektu a tím businessu, ideálně zkušeného kodéra nebo investora co do toho za podíl vloží finance.

Úprava custom galerie WordPress

Hledam správce PPC

Pracovní nabídky Více

Business Development Manager pro oblast IT vývoje

Brno, Práce z domu, Praha

46 000 - 130 000 Kč

Hledáme IT Business Analytika 🚀

𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

L1 IT Support – junior špecialista

Hledáme DevOpsáka | Linux – možnost HO

Brno, Práce z domu

60 000 - 90 000 Kč

Nabídky Více

Tvorba webových stránek, volné kapacity pro prosinec 2024

Úprava a správa XML feedů v aplikaci Mergado a Napojse, Shoptet, Marketplace, Amazon, Kaufland , Allegro a další.

Překlady ze SK do CZ, plnění e-shopů, korektury, jakákoliv administrativa

🌐🧑‍💻| Askela s.r.o | Full Service Agentura | Tvorba Aplikací, Webů, E-Shopů, PPC, SEO. |