Problém s odkazom

zaciatocnik · Napísal **zaciatocnik**: 24.11.2012 17:35

Nazdarek. Mam taky mensi problem s odkazom na JS funkciu. Totiz, ak pouzijem takyto zapis:

Kód:

<a href=\"javascript: insertPass('$a', '$ID', '$gall'); \">odkaz</a>

funkcia sa vykona bez problemov. Ale ked uz pouzijem tento zapis:

Kód:

<a href=\"javascript: void(0);\" onclick=\"insertPass('$a', '$ID', '$gall'); \">odkaz</a>

tak sa mi funkcia nespusti.
Samotna funkcia insertPass() vyzera nasledovne:

Kód:

function insertPass(p, uid, gall)
{
var psBl="#psBl"+p;
var infBl=$(psBl).html();

 var inpBl="<div class='insPassBl' id='insPassBl'><form onsubmit=\"return false;\"> <input type='text' id='albPass' name='albPass' maxlength='30' value='' onkeypress=\"return runEnter(event, '"+p+"', '"+uid+"', '"+gall+"');\" class='inp_ps'></form></div>";
 $(psBl).html(inpBl);

 $(psBl+" input[id='albPass']").val('Enter password');
}

Neviete mi poradit v com by mohol byt problem??

BX · Napísal BX: 24.11.2012 21:19

skús

Kód:

<a onclick=\"insertPass('$a', '$ID', '$gall'); \">odkaz</a>

weroro · Napísal **weroro**: 24.11.2012 21:41

BX: Jemu ide ale asi o to aby mu zobrazovalo nad odkazom kurzor ruky.

zaciatocnik: Skús použiť sharp

Kód:

<a href="#" onclick="insertPass('$a', '$ID', '$gall'); ">odkaz</a>

shaggy · Napísal **shaggy**: 24.11.2012 23:10

zaciatocnik - keď už používaš jQuery, nauč sa bindovať funkcie na eventy trochu sofistikovanejším spôsobom.
Odkaz budeš generovať napr. takto:

Kód:

<a href=\"#\"class=\"mojaTrieda\" data-p=\"$a\" data-id=\"$ID\" data-gall=\"$gall\">odkaz</a>

a tvoj javascript bude vyzerať nejak takto:

Kód:

function insertPass(p, uid, gall)
{
... celý tvoj kód funkcie ...
}

$(".mojaTrieda").click(function() {
   var thisObj = $(this);
   var thisP = thisObj.data("p");
   var thisId = thisObj.data("id");
   var thisGall = thisObj.data("gall");
   insertPass(thisP, thisId, thisGall);
   return false;
});

zaciatocnik · Napísal autor témy **zaciatocnik**: 25.11.2012 11:51

weroro takyto odkaz uz funguje.. Ale mam otazocku. Aky je rozdiel v odkaze ak pridam to spätne lomitko?? teda ten tvoj zapis:

Kód:

<a href="#\" onclick=\"insertPass('$a', '$ID', '$gall'); \">odkaz</a>

shaggy mohol by si mi ten tvoj priklad vysvetlit trocha podrobnejsie?? :roll:

K comu je dobre vytvarat triedu "mojaTrieda"? Ved ked uz mam raz zadefinovane premenne v tej mojej JS funkcii, ktoru vlastne nikde inde nepouzijem na co je potrebne "pridavat dalsi kod"???

shaggy · Napísal **shaggy**: 25.11.2012 18:48

zaciatocnik, ten kód od weroro mal vyzerať takto:

Kód:

<a href=\"#\" onclick=\"insertPass('$a', '$ID', '$gall'); \">odkaz</a>

On tam práveže zabudol jedno lomítko a nechápem, na aké lomítka sa pýtaš, keď iba použil tvoj kód (tipujem, že to vypisuješ cez echo a preto ich tam máš).
V tom onclick chýba na konci ešte "return false;".

A k môjmu kódu - napr. je prehľadnejší? Ja sa snažím všetky vrstvy kódu oddeliť - čiže aplikačnú logiku nepchám do šablón a javascripty mám iba v javascriptoch.
Keď budeš neskôr potrebovať upraviť funkčnosť, napr. pred/za funkciou insertPass zavolať logovanie cez google analytics, budeš to musieť vypisovať cez php. Okrem toho, že to zbytočne bude zavadzať v html kóde, pri väčších projektoch (kde robí viac ľudí), je takýto postup nepraktický.

weroro · Napísal **weroro**: 26.11.2012 2:42

Shagy: To lomítko som tam mal, ale po odoslaní príspevku ho odstránilo.

Problém s odkazom

Podobné témy