Zadejte hledaný výraz...

Premena ID na CLASS v JS

joker1
verified
rating uzivatele
12. 11. 2011 22:05:07
Ahoj, muze me prosim nekdo poradit jak udelat tento kod (viz nize) aby divy, na ktere se funkce stahuje nebyly identifikovany podle id ale podle class. Samozrejme ze v html to staci prepsat ale kdyz to prepisi v JS tak to s nejakeho duvodu nefunguje tak jak ma. Jde me o to ze ted pro kazdy div u ktereho chci tooltip musim udelat dalsi JS script s jeho ID a ja bych chtel jenom jeden script pro jednu class.
Kod JS je zde :
$(document).ready(function(){
$('#simple-target-1').ezpz_tooltip();
$("#effects").ezpz_tooltip({
contentId: 'simple-content-1',
showContent: function(content) {
content.fadeIn('slow');
},
hideContent: function(content) {
content.stop(true, true).fadeOut('slow');
}
});
$("#static-target-1").ezpz_tooltip({
contentPosition: 'rightStatic'
});
$("#stay-target-1").ezpz_tooltip({
contentPosition: 'belowStatic',
stayOnContent: true,
offset: 0
});
$("#ajax-target-1").ezpz_tooltip({
beforeShow: function(content){
if (content.html() == "") {
$.get("/ajax.txt", function(html){
content.html(html);
});
}
}
});
$("#fancy-target-1").ezpz_tooltip();
});
Samotny zapis potom vypada takto :
blabla
obsah tooltipu
cili kdyz mam treba deset divu musim udelat deset vyse uvedenych JS scriptu.
Delam CSS XHTML a PHP ale JS jsem se vzdy radeji pokousel drzet stranou :-)
Predem dekuji za nazory
12. 11. 2011 22:05:07
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696989
Petr Svetr
verified
rating uzivatele
(12 hodnocení)
12. 11. 2011 22:17:13
Neděláš náhodu chybu v tom, že do JS zapisuješ třídu toho druhého divu, kde by měl být obsah tooltipu? Na prvním divu totiž nemáš žádnou třídu, kterou bys mohl ten div identifikovat.
12. 11. 2011 22:17:13
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696988
joker1
verified
rating uzivatele
12. 11. 2011 22:24:41
Tento priklad, ktery jsem uvedl nahore funugje skvele. Ano u toho prvniho divu mam jeste class ale uz jen ciste kvuli css. Ono to cele funguje coz o to ale problem je v tom ze kdyz budu mit takovych divu 50 tak k nim budu muset napsat 50 stejnych funkci v JS s tim ze se akorat budou lisit ID.
Jak jsem psal moc se v JS nevyznam ale tohle :
$(document).ready(function(){
$('#simple-target-1').ezpz_tooltip();
by melp pridat divu s ID simple-target-1 funkci ezpz_tooltip. Pod tim je napsano jaky div bude slouzit jako tooltip $("#effects").ezpz_tooltip({
contentId: 'simple-content-1', ..... zkratka bych potreboval vymenit $('#simple-target-1').ezpz_tooltip(); za $('.simple-target-1').ezpz_tooltip();
12. 11. 2011 22:24:41
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696987
Default
verified
rating uzivatele
(94 hodnocení)
12. 11. 2011 22:45:35
A co když použiješ cyklus FOR - číslo dáš jako proměnnou z FORu ... ? :)
12. 11. 2011 22:45:35
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696986
joker1
verified
rating uzivatele
12. 11. 2011 23:01:57
Myslis jako v tom JS to FOR? to bych asi uprime nezvladl. Pokud myslis v PHP tak ty divy vypisuji pomoci php a nikdy neni jiste kolik jich tam bude cili mam $pocitadlo = 1 a s kazdym echem $pocitadlo+1 a u divu mam id="simple-target-$pocitadlo" . Me jde o to abych srazil ten JS script a abych v budoucnu nemusel nastavovat funkci v JS pro dalsi divy rucne. Jestli jsem to teda pochopil spravne.
12. 11. 2011 23:01:57
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696985
Petr Svetr
verified
rating uzivatele
(12 hodnocení)
12. 11. 2011 23:22:02
Já upozorňoval na to, že u prvního divu vůbec nemáš žádnou třídu, kterou by jsi mohl nahradit id.
12. 11. 2011 23:22:02
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696984
800XE
verified
rating uzivatele
(8 hodnocení)
12. 11. 2011 23:23:27
Já bych to viděl nějak takhle:
12. 11. 2011 23:23:27
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696983
joker1
verified
rating uzivatele
12. 11. 2011 23:27:03
Zkusím, děkuji
12. 11. 2011 23:27:03
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696982
800XE
verified
rating uzivatele
(8 hodnocení)
12. 11. 2011 23:31:29
Není zač. Akorát tenhle plugin neznám, nevím, jak funguje, takže to ber spíš jako nástřel, jak se vypořádat s číslováním, aniž bys to musel měnit na třídy.
12. 11. 2011 23:31:29
https://webtrh.cz/diskuse/premena-id-na-class-v-js/#reply696981
Pro odpověď se přihlašte.
Přihlásit