Změna obrazku podle výběru – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Změna obrazku podle výběru – JavaScript, AJAX, jQuery – Fórum – Programujte.comZměna obrazku podle výběru – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
slawe
~ Anonymní uživatel
3 příspěvky
18. 3. 2011   #1
-
0
-

Zdravím,
JS fakt nerozumím, zatím ještě nebyl čas jej začít studovat, nicméně se po mně požaduje jeden takový prvek v jedné zakázce. Jde o to, že návštěvník (potencionální zákazník) má možnost si objednat výrobek, a potřebuji, aby se při výběru barvy/vzorku v selectu načetl vedle daný vzorek. Třeba vyberu kameny, načte se mi obrázek se vzorky kamenů. Pak to změním na mahagon, změní se obrázek na mahagon, atd. Našel jsem, že to funguje skrze onChange, jenže jak říkám, moje znalosti JS jsou tak leda ctrl+c a ctrl+v. Všecky vzorky mám v DB, obrázky na serveru... Děkuju za pomocnou ruku

Nahlásit jako SPAM
IP: 93.89.103.–
Reklama
Reklama
KIIV+42
God of flame
18. 3. 2011   #2
-
0
-

To slawe : toz studuj studuj...
onChange by mohl byt krok spravnym smerem.. ted se jeste mrknout jak se delaj JS funkce a jak funkci prihodit k tomu onChange
(mozna dokonce hledat "JS onChange"?)
a samozrejme obrazku jde javascriptem zmenit vlastnost .src, kterou jiste znas z HTML jako nastaveni jaky obrazek ma byt zobrazen

Nahlásit jako SPAM
IP: 62.168.56.–
Program vždy dělá to co naprogramujete, ne to co chcete...
Nefaritus
~ Redaktor
+2
Posthunter
18. 3. 2011   #3
-
0
-

Já bych se prvé řadě nepatlal s JS a použil nějaký framework :)

Nahlásit jako SPAM
IP: 93.99.142.–
m->29+6
Super člen
19. 3. 2011   #4
-
0
-

Neviem či mu treba nejaký framework, ak potrebuje takú maličkosť. Stačí ak na tom prvku select napíšeš atribút onchange="zmenObrazok(this)" a prvku img dáš atribút id (napr.: idObrazku) a potom si definuješ krátku funkciu:

var cesty_k_obrazkom = {

kameny : 'kameny.jpg',
kvetiny : 'kvetinac/vnutorny/muskat.jpg',
...
};

function zmenObrazok(select) {
var nazov = select.options[select.selectedIndex].value;
document.getElementById('idObrazku').src = cesty_k_obrazkom[name];
}
Je to primitívne riešenie, pričom JS budeš generovať dynamicky z tej DB. Potom by to šlo ešte ajaxom. To by bolo krajšie, ale ak toho nie je moc, tak toto stačí.

Inak hľadaj AJAX.

Nahlásit jako SPAM
IP: 83.240.51.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 15 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý