Online karty vesteni – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahoj, uměl by někdo naprogramovat něco podobného tomuto: http://www.vestirna.com/tarot-vztahu/tarot-na-3.php

samozřejmě že za peníze.

Napište mi na jakubcecetka@seznam.cz.

Domaci ukol do skoly? Zkousel jsi si zobrazit zdrojovy kod stranky, pripadne stranku ulozit? Skoro vsechno tam je.

<br><b>Vyprane karty</b><div id=aaa></div>
<br><b>Seznam karet</b><div id=bbb></div>
<br><b>Vysvetleni karet</b><div id=ccc></div>
<script>

function get(id) {return document.getElementById(id);}
function comp(a,b){return Math.random()>0.66;}
function klik(n)
{
var i, li, out;
for (i=0;i<inp.length;i++)
	{
	if (inp[i]==n) return;
	}
if (inp.length<3)
	{
	inp[inp.length] = n;
	}
out = '';
for (i=0;i<inp.length;i++) {out += kartaFg(inp[i]);}
get('aaa').innerHTML = out;
if (inp.length==3)
	{
	out = '';
	for (i=0;i<inp.length;i++) {out += kartaText(inp[i]);}
	get('ccc').innerHTML = out;
	}
}

function kartaBg(n)
{
return ' <span onclick="klik('+n+')">Karta'+n+'<img scr="?"><\/span>';
}

function kartaFg(n)
{
return ' <span>Karta'+n+'<img scr="'+karty[n].img+'"> (otocena)<\/span>';
}

function kartaText(n)
{
return '<div>'+kartaFg(n)+'<br>'+karty[n].text+'<\/div><br>';
}

var i, inp, out, karty;
inp = [];
karty = [
{img: '...', text:'Toto je text karty 0.'},
{img: '...', text:'Toto je text karty 1.'},
{img: '...', text:'Toto je text karty 2.'}
];
karty = karty.sort(comp);	// zamichej
//alert(JSON.stringify(karty));
inp = [];
out = '';
for (i=0;i<32;i++)
	{out += ' '+kartaBg(i,true);}
get('bbb').innerHTML = out;

</script>

#3 peter
tak jestli je to tak jednoduché vytvořit tak mi to vytvoř, zaplatím ti za to. Protože já to neumím.

Tak  to je smutny pripad :)

#5 peter
ale ja  potrebuji vytvorit neco podobneho a ne to ukract z nejakych stranek!

Ten kod, co jsem napsal, jsi zkousel? Dyt to povidam, smutny pripad :) Clovek s tim stravi cas...

Jenom jsem ti teda nenapsal, ze jsou tam 3 karty, takze lze klikat jen na prvni 3.

Ale to je videt z kodu, takze je to jasne.

#9 peter
zkousel ale zobrazi se jen tohle:

Vyprane karty

Seznam karet
Karta0 Karta1 Karta2 Karta3 Karta4 Karta5 Karta6 Karta7 Karta8 Karta9 Karta10 Karta11 Karta12 Karta13 Karta14 Karta15 Karta16 Karta17 Karta18 Karta19 Karta20 Karta21 Karta22 Karta23 Karta24 Karta25 Karta26 Karta27 Karta28 Karta29 Karta30 Karta31

Vysvetleni karet

#9 peter
na me musis pomalu, uz jsem starsi clovek, a javascriptum nerozumim :!#10 Karelloven

:) Vis jak, nechces, neuc se, ale neplac.
Neco se zobrazi. A dal? Na te jejich strance se take neco zobrazi. Kdyz nic neudelas, tak se tam nic nestane take.
Tak, a dost. Priklad pro ZS ti nebudu vysvetlovat. Vis o tom, ze se zvazuje predmet programovani pro ZS, ne?

Maximalne bych cast kodu zmenil jeste takto, kdyz proste nevidis kartu jako slovo karta, ale potrebujes obrazek. 

function kartaBg(n)
{
var src="http://www.vestirna.com/images/tarot_back.png";
return ' <span onclick="klik('+n+')" title="Karta'+n+'"><img src="'+src+'"><\/span>';
}

function kartaFg(n)
{
return ' <span><img src="'+karty[n].img+'">Karta '+karty[n].title+'<\/span>';
}

function kartaText(n)
{
return '<div>'+kartaFg(n)+'<br>'+karty[n].text+'<\/div><br>';
}

var i, inp, out, karty;
inp = [];
var url="http://www.vestirna.com/tarot-vztahu/daniloff2012/";
karty = [
{img: url+'06cups.jpg',      title:'Šestka pohárů', text:'Návrat do minulosti. Období vzpomínání, čerpání inspirace z vlastní historie. Vzpomínky na pozitivní prožitky z minulé doby posílí naši osobnost, dodají odvahy vykročit vstříc něčemu novému.'},
{img: url+'devil.jpg',       title:'Ďábel',         text:'Výběr směru. Začátek porozumění. Z nevědomosti povstává moudrost, ze tmy přichází světlo. Příležitost vymanit se z omezení, která jsme sami vytvořili. Věci nejsou takové, jaké se zdají být.'},
{img: url+'08pentacles.jpg', title:'Osmička disků', text:'Nová příležitost. S chutí do toho a půl je hotovo. Radost ze započatého. Nové světlo vnášející smysl do nastalých okolností. Realizace vlastních, dlouho připravovaných plánů.'}
];

#13 peter
diky, uz se s tim peru