[Nevergone]

Köszönöm a részletes hozzászólást. DHTML és Ajax témában nem tudsz pár jól használható linket adni...? 

[Harder]

AJAX:
http://www.ajaxian.com/
http://www.ajaxmatters.com/blog/
http://ajaxpatterns.org/
http://www.w3schools...jax/default.asp

[e-lias]

Sziasztok! Tegnap elkezdtem kicst gyûrni a js -t, hátha rákapok az ízére.

EZT sikerült összehoznom. Viszont van vele gondom.

1. elvileg a prototype ban van getElementsByClassName() függvény. Gyakorlatilag nekem nem akart mûködni. (a style tulajdonságait akartam piszkálni). Miért nem ment? magát a library-t biztos behúzta, mert a $() mûködik.

2. a kép méretezést body onload -jára tettem, de ez csak akkor méretezi már át a képet, ha letöltõdött nagyban. Erre van e valamilyen megoldás?

Válaszokat, tanácsokat elõre is köszönöm.

[Delawer]

Idézet: e-lias - Dátum: 2006. szept. 22., péntek - 8:52

Sziasztok! Tegnap elkezdtem kicst gyûrni a js -t, hátha rákapok az ízére.

EZT sikerült összehoznom. Viszont van vele gondom.

1. elvileg a prototype ban van getElementsByClassName() függvény. Gyakorlatilag nekem nem akart mûködni. (a style tulajdonságait akartam piszkálni). Miért nem ment? magát a library-t biztos behúzta, mert a $() mûködik.

2. a kép méretezést body onload -jára tettem, de ez csak akkor méretezi már át a képet, ha letöltõdött nagyban. Erre van e valamilyen megoldás?

Válaszokat, tanácsokat elõre is köszönöm.

document.getElementsByClassName() -ként hívtad meg?

Érdemes még a diszkrét js-t is megismerni.
A Weblaboron is volt anno egy cikk errõl és azóta a prototype eléggé kellemesen megoldotta ezt nekünk, mármint az event lekezelését.

pl. az oldal betöltésekor futassa le a siteInit() függvényt:
Event.observe(window,'load',siteInit);

Ezáltal nem kell pl. a body tagba onload-ot írni

[Rocketjump]

Kis segítségre vagy észhez térítésre lenne szükségem.

Egy weboldalon szeretnék egysoros idézeteket megjeleníteni, melyeket külsö listafájlból kéne beolvasni (minden frissítéskor más idézet).

Annyi az egész hogy ez egy statikus weboldal, tehát nincs PHP futtatási lehetõség meg ilyenek.

Meg lehet oldani? Vkinek esetleg van egy scriptje erre?

(nem vagyok informatikus, szóval elnézést ha evidens hülyeséget kérdeztem)

Köszönöm

[e-lias]

Idézet: Delawer - Dátum: 2006. szept. 22., péntek - 12:47

document.getElementsByClassName() -ként hívtad meg?

Érdemes még a diszkrét js-t is megismerni.
A Weblaboron is volt anno egy cikk errõl és azóta a prototype eléggé kellemesen megoldotta ezt nekünk, mármint az event lekezelését.

pl. az oldal betöltésekor futassa le a siteInit() függvényt:
Event.observe(window,'load',siteInit);

Ezáltal nem kell pl. a body tagba onload-ot írni

Lehet, hogy nem így hívtam meg, már nem tudom. Prototype-ot próbálgato, bár annyira nem megy a js, sõt semennyire, most rendeltem könyvet a dologról, és belemélyedek, ha tudok. Köszi a segítséget.

[Nevergone]

Sziasztok... egy érdekes kérdésben szeretném kérni a segitségeteket.
Adott egy weboldal, amely tartalmaz egy CSS segitségével középre igazitott képet, egy div háttereként beállitva. Ezen a képen szeretnék adott pozicióba pár iframe elemet elhelyezni, hogy azokban külsõ oldalak tartalmát jelenitsem meg.
A probléma az, hogy bármilyen módon pozicionálom az iframe -ket (html tulajdonság, vagy css segitségével) az iframe -k elhelyezkedése függ a képernyõ felbontásától.
Mivel a kép adott méretû, és középre van igazitva, ezért  felbontástól függõen adott méretû szegély jelenik meg a kép körül. Ez pedig lehetetlenné teszi az adott helyre való poziciónálást, hiszen ezt is bele kell venni a kordináták számolása során. Próbáltam különféle pozicionálási módokat (absolute, relativ), de egyik sem vezetett eredményre. Esetleg van valami ötlet arra, hogy a pozicionálás kezdõpontja ne a képernyõ, hanem a háttérként használt kép bal felsõ sarka (esetleg a képernyõ közepe, vagy az nagyon vad ötlet?) legyen...?

Milyen módon lehetne ezt minél jobban és egyszerûbben, lehetõleg tiszta html+css megoldással (tehát js nélkül) megoldani ezt?

[Gyulavitéz]

DIV és SPAN elemekkel én se tudtam megcsinálni, sõt a css-ben a text-align: center; sem mûködik valamiért, ezért manuálisan be kellett tennem, hogy align="center"...
FF és IE alatt megy ha az adott háttérkép mérete ismert (itt 800x600).
A border-eket csak azért raktam, hogy látszódjon amíg tesztelek.

<html><body>
<style>

.backgrpic {
  background-image: url(1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}

.kulso-tabla {
  width: 100%;
  height: 100%;
  border: solid 1px #f00;
}

.kulso-td {
  //innen kellett kivennem a text-align: centert-t, mert azzal nem megy
  vertical-align: middle;
  width: 100%;
  height: 100%;
  border: solid 1px #f00;
}

.belso-tabla {
  width: 800px;
  height: 600px;
  border: solid 1px #0f0;
}


.belso-td {
  text-align: left;
  vertical-align: top;
  width: 800px;
  height: 600px;
  border: solid 1px #0f0
  }

</style>


<div class="backgrpic">
  <table class="kulso-tabla"><tr><td class="kulso-td" align="center">
    <table class="belso-tabla"><tr><td class="belso-td">
        <iframe src="2.html" width="640" height="120" name="iframe1"></iframe>
        <iframe src="2.html" width="640" height="120" name="iframe2"></iframe>
    </td></tr></table>
  </td></tr></table>
</div>


</body></html>

Szerkesztette: Gyulavitéz 2006. 10. 04. 09:19 -kor

[Nevergone]

Igazából a http://vuk.lame.hu/megacsend/ oldalról lenne szó. Szeretnék a háttérként alkalmazott képeslapra négy képet elhelyezni az irányítószám mezõbe, ezek a menû elemei lennének, illetve a két pozicionált iframe -ben adott tartalmat megjelentetni. Azonban a böngészõk elég furcsán jelenítik meg, FF és IE alatt nagyjából jó (csak nagyjából IE alatt pl. érdemes lekicsinyíteni, majd húzzással vízszintesen nagyítani a böngészõablakot), Safari és Opera alatt egyátalán nem jó. Szóval, ide kellene a pozionálási segítség.

Bár Firefox -ban az iframe háttere átlátszó, de IE alatt fehérként jelenik meg. Lehetséges valai megoldás arra, hogy minden böngészõ alatt átlátszóan jelenjenek meg az iframe -k...?

Köszönöm. 

[Gyulavitéz]

style="background-color: transparent;" ezt kell megadni az iframe-nél, vagy pedig a css-ben.
Asszem az iframe-nél is meg kell adni az src html-ben ugyanezt a transparentet a body-ban. Tehát kétszer kell transparent.

Szerkesztette: Gyulavitéz 2006. 10. 04. 11:08 -kor

[Nevergone]

Idézet: Gyulavitéz - Dátum: 2006. okt. 4., szerda - 12:04

style="background-color: transparent;" ezt kell megadni az iframe-nél, vagy pedig a css-ben.
Asszem az iframe-nél is meg kell adni az src html-ben ugyanezt a transparentet a body-ban. Tehát kétszer kell transparent.

Kipróbáltam ezt így, de ahogy elnézem, továbbra sem akarja az igazságot. Köszönöm a segítséget, kutakodok én is tovább... 

[Gyulavitéz]

pedig kell mennie, mert két hete csináltam ugyanilyet.

<iframe src="valami.html" style="bakcground-color: transparent;"></iframe>

a valami.html-ben pedig: ...<body style="background-color: transparent;">...

[Gyulavitéz]

persze mivel css-ben adtad meg a tulajdonságokat, ezt is oda kell majd írnod mert az "erõsebb".
tehát a .story-ba és a .sidebar-ba új sorként: background-color: transparent;

Szerkesztette: Gyulavitéz 2006. 10. 04. 11:23 -kor

[KovacsUr]

Idézet: Nevergone - Dátum: 2006. okt. 3., kedd - 19:21

Milyen módon lehetne ezt minél jobban és egyszerûbben, lehetõleg tiszta html+css megoldással (tehát js nélkül) megoldani ezt?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>iframe-es</title>

<style type="text/css">
iframe#egy {position: absolute; left: 50%; width: 100px; margin-left: -100px}
iframe#ket {position: absolute; left: 50%; width: 100px; }
</style>

<iframe id="egy" src="http://forum.hwsw.hu" width="100" height="100" scrolling="auto" frameborder="1"></iframe>
<iframe id="ket" src="http://forum.hwsw.hu" width="100" height="100" scrolling="auto" frameborder="1"></iframe>

[Gyulavitéz]

ezt én is próbáltam...

Szerkesztette: Gyulavitéz 2006. 10. 04. 11:40 -kor

[KovacsUr]

Idézet: Gyulavitéz - Dátum: 2006. okt. 4., szerda - 12:36

és függõlegesen?

iframe#egy, iframe#ket {top: 50%; margin-top: -50px;}

[Gyulavitéz]

...de így nem megy a háttérkép a divben...

[Gyulavitéz]

(bocs amint elküldtem a függõlegest, rájöttem egybõl, ezért kiszerkesztettem

[FleetCommand]

Sziasztok,

Az a tervem, hogy egy XHTML 1.0 Strict oldalra elhelyezzek egy táblázatot, középre, de fogalmam sincs, hogyan tegyem .

A <table align="center"> nem jó, mert az align már html 4.01-ben is deprecated, XHTML 1.0 strict-ben pedig már nincs is.

Próbáltam ezt is:

css:
table.test {
	text-align: center;
}
html:
<table class="test">
	<tr>
  <td>btt</td>
  <td>dfdf</td>
	</tr>
</table>

De ennek az egyetlen hatása, hogy a szöveg középre kerül.
Próbáltam még ezt is:

css:
div.test {
	text-align: center;
}
html:
<div class="test">
<table>
	<tr>
  <td>test</td>
  <td>test2</td>
	</tr>
</table>
</div>

Ez annyiban más, hogy IE alól középre került végre, de FireFox alól semmi változás nem történt.

Van valami ötletetek?

[e-lias]

css:
table.test {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
html:
<table class="test">
    <tr>
  <td>btt</td>
  <td>dfdf</td>
    </tr>
</table>

talán