Autor Zpráva
Pesso69
Profil
Zdravim, chcel by som sa opýtať či by bolo možné vytvoriť program pomocu PHP na generovanie HTML sablony.

Priklad: Uzivatel si zvoli mriezku napriklad 4x4, co predstavuje 16 divov, pricom jeden div by mal rozmer 200x200px. Zobrazi sa tato mriezka a potom si klikne, ze na pozicii [0,0][0,1][0,2] nech je header a na pozicii [0,3][0,4] [1,3][1,4] atd. V podstate ide mi o to, aby dokazal sam vyskladat wireframe stranky.

Neviete o niecom takom ? Existuje už niečo také?

Dakujem.
maks
Profil
Pesso69:
vytvořit něco takového by problém nebyl, nebude to nic těžkého.

POstrádám ale praktické využití. Co znamená "klikne, ze na pozicii [0,0][0,1][0,2] nech je header"? Co když mu nastavený rozměr mřížky bude malý? Stránka se totiž neskládá z X stejných obdélníčků, a i kdybych krásně znal a mohl nastavit výchozí rozměry jednotlivých prvků, co s delším textem, zvětšeným písmem, ...?
Pesso69
Profil
Bavme sa o tom, ze sa vytvoria len nejake bloky neriesim teraz obsah tych blokov. Potrebujem, aby sa vytvorila pevna html sablona na zaklade takeho mriezkoveho rozlozenia, ktorý si uzivatel navoli.
maks
Profil
Pesso69:
tak to je prosté, ne? Zadá dvě hodnoty (počet bloků vedle sebe x pod sebou), třeba 3 x 4.

Vypíšeš si 3 divy (float: left, width" 960/počet (- margin mezi nimi případně)), do každého vložíš 4 další (2 x cyklus podle zadaných hodnot).

Vytvoření té mřížky je práce asi tak na 10 minut včetně vytvoření formuláře.
Pokud pak chceš označovat ty části na stránce (hlavička, tělo, patička), tak to také nebude nic složitého.
Pesso69
Profil
vdel by si mi pomoct s tou mriezkou ?
maks
Profil
Pesso69:
pomoct, nebo napsat? Napsat ne, pomoci ano - jak na ní, jestli ti napsal. Nevím, co bys chtěl slyšet více.
peta
Profil
<form onsubmit="funkce(this); return false;">
sirka <input name=w><br>
vyska <input name=h><br>
<input type=submit>
<div id=mrizka></div>
</form>
<script>
function funkce(f)
{
var w, h, i, j, k, out, outobj
w = f.w.value * 1;
h = f.h.value * 1;
outobj = document.getElementById('mrizka')
out = '';
for (j=0,k=0;j<h;j++)
{
for (i=0;i<w;i++,k++)
out += '<input value="'+k+'">'
out += '<br>'
}
outobj.innerHTML = out;
}
</script>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: