Archívum - 140703 - Fórum téma
augusztus 25
JS benchmark: sok elem beszúrása az oldalba
Igazából nincs semmi kérdésem, csak gondoltam megosztom veletek, hogy mit csináltam :)
Kíváncsi voltam, hogy ha JS-ben szeretném legenerálni az oldal egy részét, akkor vajon milyen módszerrel érdemes. Az alábbi ötleteim támadtak:
1. createElement + appendChild
2. Létrehozom a stringet, pl "<div></div><div></div>...", és innerHTML-lel "adom" hozzá.
3. Rögtön az innerHTML-t bővítgetem
Továbbá felmerült az is, hogy vajon hogyan érdemes a stílus paramétereket megadni az új elemnek.
1. setAttribute('style', '[komplett stílus]'). Itt van egy olyan probléma, hogy IE alatt ez a megoldás nem működik. Lásd: http://www.quirksmode.org/dom/w3c_core.html és http://www.quirksmode.org/bugreports/archives/2005/03/setAttribute_does_not_work_in_IE_when_used_with_th.html . A probléma megoldását az utóbbiról vettem. (lásd forrás)
2. Egyesével végigmegyek és obj.style.[tulajdonság] = 'érték' megoldást használom.
3. "Stringes" esetben persze az előző kettő opció nem játszik.
Kíváncsi voltam, hogy ha JS-ben szeretném legenerálni az oldal egy részét, akkor vajon milyen módszerrel érdemes. Az alábbi ötleteim támadtak:
1. createElement + appendChild
2. Létrehozom a stringet, pl "<div></div><div></div>...", és innerHTML-lel "adom" hozzá.
3. Rögtön az innerHTML-t bővítgetem
Továbbá felmerült az is, hogy vajon hogyan érdemes a stílus paramétereket megadni az új elemnek.
1. setAttribute('style', '[komplett stílus]'). Itt van egy olyan probléma, hogy IE alatt ez a megoldás nem működik. Lásd: http://www.quirksmode.org/dom/w3c_core.html és http://www.quirksmode.org/bugreports/archives/2005/03/setAttribute_does_not_work_in_IE_when_used_with_th.html . A probléma megoldását az utóbbiról vettem. (lásd forrás)
2. Egyesével végigmegyek és obj.style.[tulajdonság] = 'érték' megoldást használom.
3. "Stringes" esetben persze az előző kettő opció nem játszik.
ajax loader készítése
sikerült egy ilyet összehoznom de IE6 alatt nem működik
Sziasztok készítettem egy egész képernyős loadert de IE6 illetve IE7 alatt nem működik,firefox alatt működik.
ajaxból hívom meg.egy loading div-be
ajaxDisplay.innerHTML = "<div id=\"background\"><div id=\"overlay\"><div><img src=\"images/ajax_loader.gif\"></div></div></div>";
#background {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:hidden;
padding:0;
margin:0;
background-color:#fff;
filter:alpha(opacity=50);
opacity:0.5;
}
#overlay {
position:absolute;
top:30%;
left:43%;
padding:10px;
width:14%;
}
köszönöm a segítséget
■ Sziasztok készítettem egy egész képernyős loadert de IE6 illetve IE7 alatt nem működik,firefox alatt működik.
ajaxból hívom meg.egy loading div-be
ajaxDisplay.innerHTML = "<div id=\"background\"><div id=\"overlay\"><div><img src=\"images/ajax_loader.gif\"></div></div></div>";
#background {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:hidden;
padding:0;
margin:0;
background-color:#fff;
filter:alpha(opacity=50);
opacity:0.5;
}
#overlay {
position:absolute;
top:30%;
left:43%;
padding:10px;
width:14%;
}
köszönöm a segítséget
Javascript+div+dinamikus tartalomváltás
Sziasztok!
A kérdésem a következő:
Van egy div-em:
<div id="xxx"><script type="text/Javascript" src="123.php"></script></div>
Ez alapján az 123.php legenerálja, amit kell, majd egy egyszerű "document.write('tartalom');" parancsot jelenít meg.
Ez teljesen okés akkor, amikor az oldal letöltése közben hívom meg a script-et.
Hogy tudnám azt megoldani, hogy - a script(php, ami js-t generál) érintetlenül hagyásával - is a div-be íródjon be a 'tartalom'?
Ez a tartalom persze teljesen vegyes, tartalmaz szkriptet (ajax), stbstb.
Remélem érthető a kérdés!
■ A kérdésem a következő:
Van egy div-em:
<div id="xxx"><script type="text/Javascript" src="123.php"></script></div>
Ez alapján az 123.php legenerálja, amit kell, majd egy egyszerű "document.write('tartalom');" parancsot jelenít meg.
Ez teljesen okés akkor, amikor az oldal letöltése közben hívom meg a script-et.
Hogy tudnám azt megoldani, hogy - a script(php, ami js-t generál) érintetlenül hagyásával - is a div-be íródjon be a 'tartalom'?
Ez a tartalom persze teljesen vegyes, tartalmaz szkriptet (ajax), stbstb.
Remélem érthető a kérdés!
FF vs IE line-height
Üdv mindenkinek!
Ismét egy klasszikus IE vs FF probléma. Van egy div, amiben van egy szövegdoboz illetve egy gomb. Ezeket szeretném függőlegesen és vízszintesen középre igazítani.
Firefoxban működik:
IE-6-7-ben így néz ki:
Tehát nincs függőlegesen középre igazítva.
Itt a kód:Tudtok segíteni nekem?
■ Ismét egy klasszikus IE vs FF probléma. Van egy div, amiben van egy szövegdoboz illetve egy gomb. Ezeket szeretném függőlegesen és vízszintesen középre igazítani.
Firefoxban működik:
IE-6-7-ben így néz ki:
Tehát nincs függőlegesen középre igazítva.
Itt a kód:
div#quicksearch {
float: left;
width: 230px;
background-color: #bcbcbc;
height: 22px;
text-align: center;
padding-top: 5px;
vertical-align: bottom;
}
div#quicksearch input.text {
border: 0px;
font-size: 10px;
height: 17px;
line-height: 17px;
padding-left: 6px;
padding-right: 6px;
width: 176px;
vertical-align: middle;
}
div#quicksearch input.submit {
border: 0px;
height: 17px;
width: 17px;
background: url("../skin/search_btn.gif") center 0px;
vertical-align: middle;
cursor: pointer;
}
<div id='quicksearch'>
<form>
<input type='text' value='kulcsszavas keresés' class='text' />
<input type='submit' value='' class='submit' />
</form>
</div>
Nagy mennyiségű email küldése
Az lenne a kérdésem, mi lenne a jó megoldás kb. 5000 email kiküldésére egyszerre? PHP elbír egy ilyet?
■ háttér kép széthúzása széles képernyőn méretarány megtartásával.
Kedves mindenki!
Ilyen designot szeretnék: http://www.htmlite.com/faqEX004b.html
Azt a csavart szeretném beletenni, hogy széles képernyőn a kép ne torzuljon, hanem egészüljön ki egy alap háttér szinnel. pl. kék
Szerintetek megoldható e?
■ Ilyen designot szeretnék: http://www.htmlite.com/faqEX004b.html
Azt a csavart szeretném beletenni, hogy széles képernyőn a kép ne torzuljon, hanem egészüljön ki egy alap háttér szinnel. pl. kék
Szerintetek megoldható e?
onChange() FF3 probléma
Sziasztok!
A problémám az, hogy az onChange esemány IE és FF2 alatt lefut, de FF3 alatt nem akar. Mit rontok el?
<script language=javascript>
function change_select() {
var jurl = "new_frame.php"
window.location.href = jurl;
}
</script>
<select name="slct" onChange="javascript:change_select();">
Köszönöm,
Ant
■ A problémám az, hogy az onChange esemány IE és FF2 alatt lefut, de FF3 alatt nem akar. Mit rontok el?
<script language=javascript>
function change_select() {
var jurl = "new_frame.php"
window.location.href = jurl;
}
</script>
<select name="slct" onChange="javascript:change_select();">
Köszönöm,
Ant
augusztus 24
Képküldés ajax-al
Sziasztok!
Gráfos programot írok, és olyat kéne csinálnom, hogy a két csúcsot összekötő vonalat egy php segítségével generálnám le. Viszont mindezt ajax-al kell megtennem. Tudnátok segíteni? A válaszokat előre is köszönöm!
■ Gráfos programot írok, és olyat kéne csinálnom, hogy a két csúcsot összekötő vonalat egy php segítségével generálnám le. Viszont mindezt ajax-al kell megtennem. Tudnátok segíteni? A válaszokat előre is köszönöm!
PHP kép frissítési probléma
Sziasztok!
Az alábbi problémával találtam magam szemben: Van egy admin felületem, amit egy ingatlaniroda dolgait lehet menedzselni. Ingatlanok feltöltése résznél van egy olyan problémám, hogy amikor képet töltök fel (Képfeltöltés: formon keresztül, egyesével, a program átnevezi, átméretezi három különböző méretre, átállítja a jogokat a fájlon stb.), rendben feltölti, kilistázom egy kis indexképpel, de amikor már több képfájl van, és php szinten törlöm az egyiket (a képeket egy pictureX.jpg; X=1,2,3,... formátumban tárolom) akkor, nem frissíti a képet, azaz a régi kép "ragad" bent. Ezt egy F5 orvosolja, de ahogy olvasgattam a dolgok után, van rá "normális" megoldás is. Állítólag ezen headerek beállításával működnie kellene a dolognak, de mégsem teszi:
header("Pragma: no-cache");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
Ha valakinek van valami ötlete, tippe, tanácsa, kérem segítsen! Elég idegölő a dolog... :(
■ Az alábbi problémával találtam magam szemben: Van egy admin felületem, amit egy ingatlaniroda dolgait lehet menedzselni. Ingatlanok feltöltése résznél van egy olyan problémám, hogy amikor képet töltök fel (Képfeltöltés: formon keresztül, egyesével, a program átnevezi, átméretezi három különböző méretre, átállítja a jogokat a fájlon stb.), rendben feltölti, kilistázom egy kis indexképpel, de amikor már több képfájl van, és php szinten törlöm az egyiket (a képeket egy pictureX.jpg; X=1,2,3,... formátumban tárolom) akkor, nem frissíti a képet, azaz a régi kép "ragad" bent. Ezt egy F5 orvosolja, de ahogy olvasgattam a dolgok után, van rá "normális" megoldás is. Állítólag ezen headerek beállításával működnie kellene a dolognak, de mégsem teszi:
header("Pragma: no-cache");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
Ha valakinek van valami ötlete, tippe, tanácsa, kérem segítsen! Elég idegölő a dolog... :(
augusztus 23
Object.prototype probléma IE alatt
Szeretném, ha obj.getX() formában le tudnám kérdezni a html elemek pozícióit. Az én gondolatomban ez nagyon egyszerű, íme a pár soros forrás teszteléshez:
