|
Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
| autor |
|
XeDy
HV vaatleja
liitunud: 17.04.2011
|
12.11.2011 22:26:45
Ajax Lingid |
|
|
Vaja oleks teha leht. Leht tavaline kuid vaja teha niiet lingile klõpsides ei refreshiks. Ei taha JQuery Tabse.
Hea oleks kui keegi annaks näite lehe ja koodi...
Ettetänades XeDy
_________________
BreakingLS | SAMP RolePlay | http://breakingls.eu/foorum/ | Nimi: Dan_Fox
Liituge ka!
viimati muutis XeDy 25.11.2011 16:42:01, muudetud 2 korda |
|
| tagasi üles |
|
 |
Redikate
HV veteran
liitunud: 30.12.2005
|
|
| Kommentaarid: 34 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
33 |
|
| tagasi üles |
|
|
XeDy
HV vaatleja
liitunud: 17.04.2011
|
|
| tagasi üles |
|
|
andresv
HV kasutaja
liitunud: 06.12.2004
|
|
25.11.2011 18:41:14
|
|
|
kui kõigil lehtedel on sisu näteks sellise div sees
| html:
|
<div id="content">Lehe sisu </div>
|
ja lingid sellised tavalised
| html:
|
<a class="ajax" href="/mingi/teine/leht">Link </a>
|
siis saaks vast teha niivisi*:
| javascript:
|
$(".ajax").click(function() { var link =$(this); $.get(link.attr("href"), function(html) { $("#content").html($(html).find("#content").html()); return false; }); });
|
*võib sisaldada süntaksi vigu.
 Spoiler
class="ajax" võiks kasutada rel="ajax"
ja return false asemel stopropogation-it
|
|
| Kommentaarid: 5 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
5 |
|
| tagasi üles |
|
|
neros
HV Guru
liitunud: 26.11.2003
|
|
25.11.2011 23:18:37
|
|
|
$(".ajax").click(function(e){
e.preventDefault();
});
|
See preventib igasuguse lehevahetuse.
_________________
GitHub
.NET Core & Azure baasil lahendused ja arhitektuur - kontakt. |
|
| Kommentaarid: 48 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
1 :: |
40 |
|
| tagasi üles |
|
|
XeDy
HV vaatleja
liitunud: 17.04.2011
|
|
26.11.2011 19:28:55
|
|
|
Ei tööta... tee mis tahad aga refreshib ikka lingile klõpsates! Kui nüüd koodi ei saa siis peab kahjuks ikkagi leppima tabsidega mulle tundub.
_________________
BreakingLS | SAMP RolePlay | http://breakingls.eu/foorum/ | Nimi: Dan_Fox
Liituge ka! |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
26.11.2011 19:33:51
|
|
|
<script src="scripts/jquery-1.4.2.min.js"></script> <!--Includeme jquery-->
</head>
<script>
$(function() { //Alustame tööd, kui lehe sisu on laetud
$('.menu_link').click(function() { //Juhul kui klikitakse elementi classiga "menu_link"
switch($(this).attr('id')) { //Võtame konkreetse menu_link'i id ning kasutame seda switchis
case 'link1': //Juhul kui id on link1, laeme vastava lehe content divi
$('#content').load('sisu/esimese_lehe_kraam.html');
break;
case 'link2': //<--!!-->
$('#content2').load('sisu/leht2.html');
break;
case 'link3': //<--!!-->
// $('#content').load('sisu/L3.html');
$('#content').load('sisu/L3.html');
break;
case 'link4': //<--!!-->
// $('#content').load('sisu/L3.html');
$("#content2").show();
$('#content2').load('sisu/esimese_lehe_kraam.html');
// $("p").slideToggle("slow");
break;
case 'link5': //<--!!-->
$("#content2").hide("slow");
$("p").slideToggle("slow");
break;
}
});
});
</script>
<body>
Siin on terve lehe osad, mis on paigas juba alguses peale ning ei muutu
<br />
<a href="javascript:void(0);" class="menu_link" id="link1">Esimene link</a>
<a href="javascript:void(0);" class="menu_link" id="link2">Teine link</a>
<a href="javascript:void(0);" class="menu_link" id="link3">Kolmas link</a>
<a href="javascript:void(0);" class="menu_link" id="link4">Esimese lehe sisu teises kastis</a>
<a href="javascript:void(0);" class="menu_link" id="link5">N'ita teises kastis seda sisu</a>
<br><br><br>
<table border="1">
<tr><td width="400">
<div id="content">Ning selle kasti sees hakkab lehe sisu vastavalt lingile muutuma</div>
</td><td width="400">
<div id="content2">Ning selle kasti sees hakkab lehe sisu vastavalt lingile muutuma</div>
<p style="display:none;">Mingi muu jutt</p>
</td></tr>\
</table> |
_________________
 |
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Timukas0
HV kasutaja
liitunud: 20.03.2007
|
|
26.11.2011 20:54:10
|
|
|
andresv koodis tundub väike viga olevat, return false; on sisemise funktsiooni sees, click event handler ei tagasta midagi ja selle pärast refreshib. Õige* võiks olla selline:
| javascript:
|
$(".ajax").click(function() { var link = $(this); $.get(link.attr("href"), function(html) { $("#content").html($(html).find("#content").html()); }); return false; });
|
* - ise ei testinud, lihtsalt see viga jäi silma. Võib olla mingeid teisi vigu.
|
|
| Kommentaarid: 3 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
3 |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
26.11.2011 21:39:44
|
|
|
Ei tohiks olla vigane, ma testisin ennem postitust, kõik toimis.
Mul pole seal ju mingit return falset, lingile liikumise hoiab ära
_________________
|
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Timukas0
HV kasutaja
liitunud: 20.03.2007
|
|
26.11.2011 22:05:40
|
|
|
Ma rääkisin andresv postitusest.
viimati muutis Timukas0 27.11.2011 00:03:21, muudetud 1 kord |
|
| Kommentaarid: 3 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
3 |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
26.11.2011 23:24:03
|
|
|
Sorry! Pean prillid ostma omale. 
_________________
|
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
XeDy
HV vaatleja
liitunud: 17.04.2011
|
|
27.11.2011 11:08:15
|
|
|
| andrusny kirjutas: |
<script src="scripts/jquery-1.4.2.min.js"></script> <!--Includeme jquery-->
</head>
<script>
$(function() { //Alustame tööd, kui lehe sisu on laetud
$('.menu_link').click(function() { //Juhul kui klikitakse elementi classiga "menu_link"
switch($(this).attr('id')) { //Võtame konkreetse menu_link'i id ning kasutame seda switchis
case 'link1': //Juhul kui id on link1, laeme vastava lehe content divi
$('#content').load('sisu/esimese_lehe_kraam.html');
break;
case 'link2': //<--!!-->
$('#content2').load('sisu/leht2.html');
break;
case 'link3': //<--!!-->
// $('#content').load('sisu/L3.html');
$('#content').load('sisu/L3.html');
break;
case 'link4': //<--!!-->
// $('#content').load('sisu/L3.html');
$("#content2").show();
$('#content2').load('sisu/esimese_lehe_kraam.html');
// $("p").slideToggle("slow");
break;
case 'link5': //<--!!-->
$("#content2").hide("slow");
$("p").slideToggle("slow");
break;
}
});
});
</script>
<body>
Siin on terve lehe osad, mis on paigas juba alguses peale ning ei muutu
<br />
<a href="javascript:void(0);" class="menu_link" id="link1">Esimene link</a>
<a href="javascript:void(0);" class="menu_link" id="link2">Teine link</a>
<a href="javascript:void(0);" class="menu_link" id="link3">Kolmas link</a>
<a href="javascript:void(0);" class="menu_link" id="link4">Esimese lehe sisu teises kastis</a>
<a href="javascript:void(0);" class="menu_link" id="link5">N'ita teises kastis seda sisu</a>
<br><br><br>
<table border="1">
<tr><td width="400">
<div id="content">Ning selle kasti sees hakkab lehe sisu vastavalt lingile muutuma</div>
</td><td width="400">
<div id="content2">Ning selle kasti sees hakkab lehe sisu vastavalt lingile muutuma</div>
<p style="display:none;">Mingi muu jutt</p>
</td></tr>\
</table> |
|
Tundub täitsa asjalik olevat , proovin kindlasti ära! Kas keegi online preview saaks kah näidata? Selles mõttes et tahaks näha kas töötab ikka enne... Pole mõtet teha töö ära ja siis avastada pettumuseks et ei tööta
_________________
BreakingLS | SAMP RolePlay | http://breakingls.eu/foorum/ | Nimi: Dan_Fox
Liituge ka! |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
27.11.2011 12:18:33
|
|
|
Ja miks sa ise ei võiks proovida? Pane kogu kood kuhugi faili, salvesta html ina vaata, et sul scripts/jquery-1.4.2.min.js oleks olemas ja sisu osad kaustas sisu või muudad lingid oma sisu osale vastavaks nig browseris tuld.
| tsitaat: |
| Pole mõtet teha töö ära ja siis avastada pettumuseks et ei tööta |
Arvad, et on kole suur töö? Aga miks siis teised peaks seda sinu eest tegema?
_________________
|
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
XeDy
HV vaatleja
liitunud: 17.04.2011
|
|
27.11.2011 12:30:34
|
|
|
| andrusny kirjutas: |
Ja miks sa ise ei võiks proovida? Pane kogu kood kuhugi faili, salvesta html ina vaata, et sul scripts/jquery-1.4.2.min.js oleks olemas ja sisu osad kaustas sisu või muudad lingid oma sisu osale vastavaks nig browseris tuld.
| tsitaat: |
| Pole mõtet teha töö ära ja siis avastada pettumuseks et ei tööta |
Arvad, et on kole suur töö? Aga miks siis teised peaks seda sinu eest tegema? |
Vabandust ega ei peagi! Ma lihtsalt andsin nõu, sest mul endal pidevalt tegemist ja ei jõua ja siis mõtlesin et kkegi äkki aitaks... ahh pole midagi
_________________
BreakingLS | SAMP RolePlay | http://breakingls.eu/foorum/ | Nimi: Dan_Fox
Liituge ka! |
|
| tagasi üles |
|
|
|
:: KKK
:: otsing 
:: statistika
:: kasutajate nimekiri
:: kasutajate grupid
:: registreeri
teata moderaatorile
