Keskustelu: Nettisivujen teko: Putkan lainaa-linkki

Saisko udella miten tuo on saatu aikaan? Nimittäin kun klikkaa "lainaa", selaimen ositeriville ei tule esim. id=25885&sivu=1&lainaa=234567.
Olen tehnyt erääseen ohjelmaan lainaa-linkin linkki-systeemillä ja kiinnostaisi saada tuolla tavoin toimimaan. Kokeilin myös pelkällä javascriptin onClick-toiminnolla mutta se ei tuntunut hyvätä.

Putka käyttää jQuerya, kuten helposti lähdekoodista näkisit. Saman voi tietysti tehdä tavallisella onclick-käsittelijällä ja XHR:llä käsin kikkailemalla, mutta vaivan säästämiseksi (ja virheiden vähentämiseksi) kannattaa kuitenkin käyttää näitä valmiita kirjastoja.

Lähdekoodia tutkimalla löytyy. Eli on käytössä jQuery, jolla toteutetaan sitten lainaus ja paljon muuta.

https://www.ohjelmointiputka.net/js-jquery/lainaus.js

Olli kirjoitti:

Lähdekoodia tutkimalla löytyy. Eli on käytössä jQuery, jolla toteutetaan sitten lainaus ja paljon muuta.

Asia ei ole ihan niin yksinkertainen. Lainaa-linkki (jonka muuten olisi paljon loogisempaa olla painike) toimii myös, kun JavaScript on kytketty pois. Silloin sen klikkaaminen aiheuttaa pyynnön palvelimelle (ja osoiteriville tulee mukaan &lainaa=...). Näin on tietysti hyvä.

Asian JavaScript-puolen toteuttaminen suoraan ei kai olisi kovin työlästä, eikä jQuery välttämättä paljoa lyhennä. Kyse on lähinnä varmaankin siitä, että kun jo muista syistä käytetään jQueryä, niin tämäkin on tehty sillä.

Kiitoksia vastauksista. En aio tämän lyhyen koodipätäkän takia asentaa jQuerya. Enkä taida muutenkaan sitä alkaa opettelemaan, kun ei löydy kunnollisia suomenkielisiä opas-sivuja. Yksi huonolla suomenkielellä oleva sivu löytyi, jossa oli huonosti totetutettuja ja huonosti selitettyjä skripti-esimerkkejä.

Ps. Olisiko tässä hyvä uuden oppaan aihe Ohjelmoitiputkaan?

pistemies kirjoitti:

Ps. Olisiko tässä hyvä uuden oppaan aihe Ohjelmoitiputkaan?

Missä? Putkassa on jo (valitettavan huono) AJAX-opas. Uutta ei tehdä, koska ilman kirjastoja ei kannata räpeltää. Kirjastoista on kyllä tarkoitus tehdä aikanaan lyhyt opas.

jQuery tai Prototype tai edes jokin pienempi kirjasto kannattaa "asentaa", kun "asennus" tarkoittaa yhden script-tagin lisäämistä sivulle ja kohtuullisen lainaustoiminnon saa jQueryn avulla toteutettua todella paljon tiiviimmin, esimerkiksi suunnilleen näin:

$("a.lainaa").click(function(e) {
	var id = this.href.replace(/.*lainaa=(\d+).*/, "$1");
	$.get("lainaa.php", {"id": id}, function(data) {
		$("textarea#viesti").get(0).value += "\n\n" + data;
	});
	e.preventDefault();
});

Metabolix kirjoitti:

Missä? Putkassa on jo (valitettavan huono) AJAX-opas. Uutta ei tehdä, koska ilman kirjastoja ei kannata räpeltää. Kirjastoista on kyllä tarkoitus tehdä aikanaan lyhyt opas.

Juuri tuollaisesta js-kirjastojen suomenkielisistä oppaista on kyse.

Ahaa, luulin, että tarkoitit aiheeksi niitä huonosti toteutettuja ja huonosti selitettyjä skriptiesimerkkejä. :)

Vaikka jQuery-opas tulisikin, se kattaisi vain perusteet ja nojautuisi pitkälti englanninkieliseen dokumentaatioon. Englantia on vain pakko tällä alalla osata lukea.

jQueryn oma dokumentaatio on kyllä helppolukuista ja sisältää paljon esimerkkejä, joten huonoillakin englannintaidoilla siitä kyllä selviää.