Gomb submitálásra és ugrásra
Sziasztok!
Éppen egy tiszta (JS nélküli) weboldalt szeretnék létrehozni, melyen a tartalom-értékeléshez iframe-t használok. Mikor megnyomok egy gombot, szeretném, hogy az ahhoz tartozó tartalom töltődjön be, majd pedig ugorjon oda az iframe-hez.
Form nélkül a Submit-ra rákattintva a link működik, viszont form elembe zárva márcsak a tartalom-betöltés része működik. Ez valami védelem lenne?
Ha kicsit zavaros volt, tessék:
Kép1
A képen található egy horgony, melyhez a gomb megnyomásával (pl. mellette lévő) odaugrana, de eközben az iframe-be egy másik tartalmat kellene betöltenie. Erre azért van szükség, mert több ilyen, szöveges blokk is van, melyekhez a lehetőséget ugyanúgy megadjuk.
Illetve, hogyan adjak alap body-t az iframe-nek? Lehet egyszerűen, 'pure' HTML segítségével, vagy csakis az src attribútummal, egy max.-ra feltekert cache time-mal rendelkező oldallal egybekötve?
Köszönöm a segítséget!
■ Éppen egy tiszta (JS nélküli) weboldalt szeretnék létrehozni, melyen a tartalom-értékeléshez iframe-t használok. Mikor megnyomok egy gombot, szeretném, hogy az ahhoz tartozó tartalom töltődjön be, majd pedig ugorjon oda az iframe-hez.
Form nélkül a Submit-ra rákattintva a link működik, viszont form elembe zárva márcsak a tartalom-betöltés része működik. Ez valami védelem lenne?
Ha kicsit zavaros volt, tessék:
Kép1
A képen található egy horgony, melyhez a gomb megnyomásával (pl. mellette lévő) odaugrana, de eközben az iframe-be egy másik tartalmat kellene betöltenie. Erre azért van szükség, mert több ilyen, szöveges blokk is van, melyekhez a lehetőséget ugyanúgy megadjuk.
Illetve, hogyan adjak alap body-t az iframe-nek? Lehet egyszerűen, 'pure' HTML segítségével, vagy csakis az src attribútummal, egy max.-ra feltekert cache time-mal rendelkező oldallal egybekötve?
Köszönöm a segítséget!
Link, gomb
Részben
iframe
<nincs cím>
Adott egy div, melyben tartalom van. A divhez tartozik egy gomb, mellyel további div (tartalom, pl. komment) adható hozzá. Ha egy ilyen tartalomhoz (pl. komment) szeretnénk további tartalmat adni (további hozzászólás - fa struktúrában), ahhoz le kell kérni egy speciális formot, hogy tudassuk a szerverrel, ahhoz a hozzászóláshoz szeretnénk hozzászólni. Viszont, mivel az iframe magassága dinamikusan csak js-sel állítható, így mivel amúgy is lenne egy ilyen elem a fő tartalomhoz (tartalom értékelése), abba szeretném a speciális formot betölteni. Mivel ez az iframe lehet, hogy egy-két oldallal lentebb helyezkedik el, oda kellene ugrania a szülő oldalnak. A szülő oldalban van az iframe, az iframe-be pedig a formot töltenénk be.
Szeretnék tiszta HTML és CSS kóddal operálni. Ahol pedig elérhető a JS, ott később megoldható a teljesen dinamikus honlap. Nem szeretném, ha a biztonság miatt kikapcsolt JS miatt a látogató egy lebénult oldalt nézzen meg. Tud majd tartalmat generálni, de az oldal csak korlátozottan tud működni.
AJAX
Miért nem olyanra csinálod meg, mint a weblabor, az is működik JS nélkül, ha pedig van JS, akkor AJAX segítségével végzed a megfelelő tartalmak betöltését?
Igen, így szeretném
Az utolsó mondatod lenne a célom. Sőt, már pár oldalt így megcsináltam. Mivel ennek az oldalnak nemcsak egy szűk(ebb) réteget kellene kiszolgálnia, legelőször JS nélkül csinálom meg. Ha elérhető JS, kigyomlálom az iframeket, és ajax-szal, vagy websockettel rákapcsolódok a szerverre, és folyamatosan kérdezgetem őt.
A lényeg: van egy gomb a szülő oldalon, ami egy formban van. Csak egy gomb (submit). Ezt kellene úgy megcsinálni, hogy miközben egy iframe-be betöltünk egy másik oldalt a gomb formja alapján (target), ugorjon a szülő oldal egy megadott linkre, jelen esetünkben az iframe-hez.
Esetleges, másik út lenne az, hogy azt a részt, amiben a gomb van, beteszem egy iframe-be, és azt a keretet töltöm újra, egy másik tartalommal.
A témához nem kapcsolódik, de Javascript alapján le lehet kérdezni, mikor aktív a lap, és mikor nem?
Fókusz
window.onblur = function() { console.log('elmosódás'); }