Archívum - Jún 7, 2009
JS -ből szöveges adatok kiírása HTML-be
Full elakadtam, és már nem is tudom, hogy hol folytassam, annyi mindent kipróbáltam már.
A lényeg röviden, a JS adatfájlból beolvasni a változókat, és azokat a web-oldal adott, különböző pontján fix helyen kiiratni.
A másik lényeges dolog, hogy egy-egy ilyen kiírás minél rövidebb legyen, különben nincs értelme.
Hogy miért kellene?
Többek között azért, mert egy-egy ilyen szöveges változó cca. 50-100 karakterből áll, és van (lesz) belőle min. 200 db. Szeretném, ha a forrás mérete minél kisebb lenne, és átláthatóbb.
Az utolsó próbálkozásom:
JSHTMLAzon kívül, hogy nem jelent meg semmi, még dobott is egy sort!
A változók csak kiírásra kellenek, ahogy betöltődik az oldal, és ott is maradnak.
Minden egyszerű megoldás érdekel, én már kifogytam az ötletekből :(
■ A lényeg röviden, a JS adatfájlból beolvasni a változókat, és azokat a web-oldal adott, különböző pontján fix helyen kiiratni.
A másik lényeges dolog, hogy egy-egy ilyen kiírás minél rövidebb legyen, különben nincs értelme.
Hogy miért kellene?
Többek között azért, mert egy-egy ilyen szöveges változó cca. 50-100 karakterből áll, és van (lesz) belőle min. 200 db. Szeretném, ha a forrás mérete minél kisebb lenne, és átláthatóbb.
Az utolsó próbálkozásom:
JS
var faj1=new Array();
faj1[0]['key']="nev1";
faj1[0]['value']="Trachemys";
faj1[1]['key']="nev2";
faj1[1]['value']="ékszerteknős";
function betoltes() {
for (x in faj1) {
document.getElementById(faj1[x]['key']).innerHTML=faj1[x]['value'];
}
}
window.onload=betoltes;
<img src="ikon.jpg"><div id='nev1'></div><img src="kép.jpg"><br />
A változók csak kiírásra kellenek, ahogy betöltődik az oldal, és ott is maradnak.
Minden egyszerű megoldás érdekel, én már kifogytam az ötletekből :(
Apache 2 nem fordít PHP-t (Ubuntu 8.10)
Respect!
Már jóideje foglalkozok php-vel, de eddig jobbára csak xp-n csináltam(wamp). Most be akartam lőni az ubuntun a dolgokat, és ez alapján sikerült is. Csak miután átlőttem, az apache www-jét másik könyvtárra, megpróbálkoztam a mysql-el is itt összeomlottak a dolgok. Na autoremove mysql-server és isntall, majd felraktam egy webmint és azzal próbáltam átállítani a könyvtárat -- ugyanúgy socket hiba mysql-re. Sebaj autoremove az egész LAMP-ra, és a fenti link alapján újra kezdtem felrakni a csomagokat.
DE (és ez nem kis meglepetést okozott) az apache nem igazán akarta kiszolgálni a php-s kéréseket. A *.html-t átköpte, és *.php5-t is simán text-ként továbbadta. Viszont a *.php-kat a böngésző felajánlotta letöltésre (mintha nem fordítaná le). A php5-ös dolgokat persze kitelepítettem
Kérdésem pusztán az apache problémára vonatkozik, ha bárkinek bármi 5lete lenne, megköszönném!
■ Már jóideje foglalkozok php-vel, de eddig jobbára csak xp-n csináltam(wamp). Most be akartam lőni az ubuntun a dolgokat, és ez alapján sikerült is. Csak miután átlőttem, az apache www-jét másik könyvtárra, megpróbálkoztam a mysql-el is itt összeomlottak a dolgok. Na autoremove mysql-server és isntall, majd felraktam egy webmint és azzal próbáltam átállítani a könyvtárat -- ugyanúgy socket hiba mysql-re. Sebaj autoremove az egész LAMP-ra, és a fenti link alapján újra kezdtem felrakni a csomagokat.
DE (és ez nem kis meglepetést okozott) az apache nem igazán akarta kiszolgálni a php-s kéréseket. A *.html-t átköpte, és *.php5-t is simán text-ként továbbadta. Viszont a *.php-kat a böngésző felajánlotta letöltésre (mintha nem fordítaná le). A php5-ös dolgokat persze kitelepítettem
Kérdésem pusztán az apache problémára vonatkozik, ha bárkinek bármi 5lete lenne, megköszönném!
Form elemek legördülő menüjének formázása
Sziasztok, az alábbi témában kérném a segítségeteket (ugyanis sajnos sehol nem találtam kielégítő információt hozzá):
Szeretnék megformázni, drop down menü, textarea, illetve checkbox form elemeket, mondom sorban, hogy melyiket hogyan:
-a dropdown és a textarea elemek lenyíló ikonját szeretném külön formázni a benne foglalt tartalomtól (ez utóbbi mind betű típusában, színében, hátterében stb., megy), illetve arra szeretnék választ kapni, hogy ennek a területnek van-e olyan eseménye mint magának a szöveget befoglaló területnek (hover stb.)
- checkbox elemet úgy formázni hogy kattintható legyen. Erre láttam olyan javascriptes megoldást, hogy egy js swap imagehez rendeltek egy , a képen nem látható (kipozicionált, vagy más módon eltakart) checkbox gombot, majd a swap image állapotától függően ezt kapcsolgatták. Ezen kívül van valamilyen más megoldás a fenti témára?
Én a form elemek kinézetét az alábbi böngészőkkel teszteltem:
IE 8.0 kompatible mód (mazohistáknak:D), FF 3.06, Opera 9.64, Chrome(2.0172.30), Safari 4 beta, természetesen nagy a szórás a kinézetben. Nem várom el hogy mindegyikben jó legyen, már az is elég ha támpontokat kapok hogy hogyan tovább.
Előre is köszönöm
■ Szeretnék megformázni, drop down menü, textarea, illetve checkbox form elemeket, mondom sorban, hogy melyiket hogyan:
-a dropdown és a textarea elemek lenyíló ikonját szeretném külön formázni a benne foglalt tartalomtól (ez utóbbi mind betű típusában, színében, hátterében stb., megy), illetve arra szeretnék választ kapni, hogy ennek a területnek van-e olyan eseménye mint magának a szöveget befoglaló területnek (hover stb.)
- checkbox elemet úgy formázni hogy kattintható legyen. Erre láttam olyan javascriptes megoldást, hogy egy js swap imagehez rendeltek egy , a képen nem látható (kipozicionált, vagy más módon eltakart) checkbox gombot, majd a swap image állapotától függően ezt kapcsolgatták. Ezen kívül van valamilyen más megoldás a fenti témára?
Én a form elemek kinézetét az alábbi böngészőkkel teszteltem:
IE 8.0 kompatible mód (mazohistáknak:D), FF 3.06, Opera 9.64, Chrome(2.0172.30), Safari 4 beta, természetesen nagy a szórás a kinézetben. Nem várom el hogy mindegyikben jó legyen, már az is elég ha támpontokat kapok hogy hogyan tovább.
Előre is köszönöm
Jquery plugin probléma
Sziasztok!
Adott a következő kód
Miért van az, hogy ha kattintok a szövegekre akkor mindig zöld lesz annak ellenére, hogy különböző options lett megadva a paramétereknél.
■ Adott a következő kód
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function($){
var opts;
//-----------------------------------------------
$.fn.plugintest = function(options)
{
opts = $.extend({}, $.fn.plugintest.defaults, options);
return this.each(function()
{
$(this).bind("click",
function(event)
{
$.fn.dosomething( $(this) );
});
});
};
//-----------------------------------------------
$.fn.dosomething = function(obj)
{
$(obj).css('color', opts.color);
};
//-----------------------------------------------
$.fn.plugintest.defaults =
{
color : 'blue'
};
})(jQuery);
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#box1').plugintest();
$('#box2').plugintest( { color : 'red' } );
$('#box3').plugintest( { color : 'green' } );
});
</script>
<style>
body {font-family:arial;}
</style>
</head>
<body>
<div id="box1">Box1</div>
<div id="box2">Box2</div>
<div id="box3">Box2</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function($){
var opts;
//-----------------------------------------------
$.fn.plugintest = function(options)
{
opts = $.extend({}, $.fn.plugintest.defaults, options);
return this.each(function()
{
$(this).bind("click",
function(event)
{
$.fn.dosomething( $(this) );
});
});
};
//-----------------------------------------------
$.fn.dosomething = function(obj)
{
$(obj).css('color', opts.color);
};
//-----------------------------------------------
$.fn.plugintest.defaults =
{
color : 'blue'
};
})(jQuery);
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#box1').plugintest();
$('#box2').plugintest( { color : 'red' } );
$('#box3').plugintest( { color : 'green' } );
});
</script>
<style>
body {font-family:arial;}
</style>
</head>
<body>
<div id="box1">Box1</div>
<div id="box2">Box2</div>
<div id="box3">Box2</div>
</body>
</html>
Miért van az, hogy ha kattintok a szövegekre akkor mindig zöld lesz annak ellenére, hogy különböző options lett megadva a paramétereknél.
Munkamenet életben tartása.
Mi a legegyszerűbb módja annak, hogy böngésző bezárásáig életben tartsak egy munkamenetet?
Ezekre gondoltam:
- Indítok setTimeOut-ot kliensen és meghatározott időközönként beolvastatok egy php-t.
- Teszek egy képet kliensre és azt töltetem újra úgy, hogy a kép egy php-n keresztül olvasódik be.
- Teszek egy iframe-t valahova hidden div-be és azt töltögetem újra ás újra.
Melyik a legoptimálisabb? Tudtok egyebet javasolni?
s_volenszki
■ Ezekre gondoltam:
- Indítok setTimeOut-ot kliensen és meghatározott időközönként beolvastatok egy php-t.
- Teszek egy képet kliensre és azt töltetem újra úgy, hogy a kép egy php-n keresztül olvasódik be.
- Teszek egy iframe-t valahova hidden div-be és azt töltögetem újra ás újra.
Melyik a legoptimálisabb? Tudtok egyebet javasolni?
s_volenszki
IE - behaviour JS fájlból
Sziasztok!
Arra keresek választ, hogy külön htc fájl írása helyett van e lehetőség javascript kódból behaviourt beszúrni?
Konkrétan erről van szó:Azt szeretném, ha a behaviourt külön fájl helyett a javascript generálná le, ha nincs HTMLElement, szóval az if(!("HTMLElement" in window)) -es részben.
■ Arra keresek választ, hogy külön htc fájl írása helyett van e lehetőség javascript kódból behaviourt beszúrni?
Konkrétan erről van szó:
<PUBLIC:COMPONENT>
<script type="text/javascript">
for(property in HTMLElement.prototype)
{
if (HTMLElement.prototype[property]!==Object.prototype[property])
{
element[property]=HTMLElement.prototype[property];
}
}
</script>
</PUBLIC:COMPONENT>
<html>
<head>
<title>IE HTMLElement.prototype</title>
<!--[if IE]>
<style type="text/css">
*{behavior:url(HTMLElement.htc)}
</style>
<![endif]-->
<script type="text/javascript">
if(!("HTMLElement" in window))
{
window.HTMLElement=function(){};
}
HTMLElement.prototype.foo=function(){
alert(this.value)
};
</script>
</head>
<body>
<input type="button" onclick="this.foo()" value="click">
</body>
</html>