-
Fórumok
Mobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokPROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Tabletek, E-bookok Nyomtatók, szkennerek PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokLOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
-
Frissítve: 2014-02-25 10:20 Téma összefoglaló
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
PumpkinSeed
addikt
-
Zedz
addikt
"Ha egy kicsit lejjebb görgetsz, akkor látni fogod, hogy az if(x === undefined) az igazából ugyan az, mintha azt vizsgálnád, hogy if(!x)."
Ez nem igaz. Pl.:
var a = undefined;
var b = null;
var c = "";
var d = false;
var e = 0;
if(!a) console.log("a");
if(!b) console.log("b");
if(!c) console.log("c");
if(!d) console.log("d");
if(!e) console.log("e");(remélem nem gépeltem el a kódot)
Ismerem a falsykat, de most csak az undefined volt a kérdés.

-
Jim-Y
veterán
"Ha egy kicsit lejjebb görgetsz, akkor látni fogod, hogy az if(x === undefined) az igazából ugyan az, mintha azt vizsgálnád, hogy if(!x)."
Ez nem igaz. Pl.:
var a = undefined;
var b = null;
var c = "";
var d = false;
var e = 0;
if(!a) console.log("a");
if(!b) console.log("b");
if(!c) console.log("c");
if(!d) console.log("d");
if(!e) console.log("e");(remélem nem gépeltem el a kódot)
A NaN-t kihagytad de amugy OK.
-
martonx
veterán
Na, ez a CTRL+P tényleg hasznos volt, pontosabban kötelező, köszi!
@Jim-Y: most alul megint megláttam azt a külön részt, amin a Console, Emulator stb... osztozik. Ezen a közös ablakos, dupla menüsoros megoldáson annyiszor dobom el az agyam, ahányszor meglátom.
Na mindegy, nincs értelme itt egymást győzködni, én csak leírtam a véleményemet, nem akarok senkit meggyőzni semmiről.
-
martonx
veterán
Ezt annyival egészíteném ki, hogy elvileg lehet már VS Express-hez is Web Essentials-t telepíteni (én is nemrég hallottam egy ms oktató videóban): http://madskristensen.net/post/web-essentials-on-visual-studio-web-express
Hopp-hopp-hopp. Ezt nem is tudtam. Ez esetben immár tényleg semmi indok nem szól a többi IDE mellett.
-
Inv1sus
addikt
function checkForm()
{
var ok = true;
if (document.getElementById('inspiraciokep').value.length > 0)
{
var fieldvalue = document.getElementById('inspiraciokep').value.toLowerCase();
var ext = fieldvalue.substr(fieldvalue.lastIndexOf('.'));
if (ext != '.jpg' && ext != '.jpeg')
{
//document.getElementById("labelSuccess").innerHTML = "";
//document.getElementById("labelFajl").innerHTML = "A feltöltött kép csak jpg vagy jpeg kiterjesztésű lehet<br /><br />";
alert('hibas kiterjesztes: ' + ext);
ok = false;
}
}
else
{
//document.getElementById("labelSuccess").innerHTML = "";
//document.getElementById("labelFajl").innerHTML = "Nincs kép kiválasztva!<br /><br />";
ok = false;
alert('ures a mezo');
}
return ok;
}igy kikommentezve nalam jo.
Megoldottam php-val inkább. Javascriptre még rá kellene gyúrnom egy kicsit, mert jelenlegi tudásommal elég idegesítőnek találom a használatát.

De köszönöm, hogy segíteni próbáltál. Csak sajnos már bezavarodott a kód az adott problémától függetlenül is és inkább nem fecséreltem az időt vele...

-
Inv1sus
addikt
nemtudom ez mennyire korrekt, de en ilyet csinaltam:
<form method="post" action="index.php" name="uploadform" enctype="multipart/form-data" onSubmit="return CheckUpload()">
...
</form>script:
function CheckUpload()
{
var fname = document.uploadform.imgname.value;
var fpath = document.uploadform.img.value;
if(fname.length == 0 || fpath.length == 0)
{
alert('minden mezo kitoltese kotelezo');
return false;
}
else
{
return true;
}
}az imgname es az img azok az input-on beluli name attributumkent megadott nevek. (persze lehet mashogy is hivatkozni rajuk)
Szerintem nem jó. Nekem az első submitolásnál simán átlép a feltöltés oldalra, majd a második submitnál érzékeli csak, hogy nincs kép kiválasztva.
-
Speeedfire
félisten
Este már megoldottam, csak nem akartam még 1x postolni magam után.

A js:
function o(n, i) {
document.images['thumb-'+n].src = i;
}
function f(n) {
document.images['thumb-'+n].src = '../images/trans.gif';
}A php kód:
echo '
<a href="'.$nagy.$file.'" target="_blank" onmouseover="o(\''.$i.'\',\''.$kicsi.$file.'\');" onmouseout="f('.$i.');"> '.$file.'
<span class="adminkep"><img style=border:none;background:none; name="thumb-'.$i.'" src="../images/trans.gif" alt="'.$file.'" ></span></a><br /> ';Márcsak a képet kell megfelelően pozicionálni és kész is vagyok.


Sk8erPeter: Hát nem tudom. De már nincs escapelve.
-
x123456
aktív tag
hello!
magyar oldalat nem nagyon talaltam.
Q. Is Ajax just another name for XMLHttpRequest?
A. No. XMLHttpRequest is only part of the Ajax equation. XMLHttpRequest is the technical component that makes the asynchronous server communication possible; Ajax is our name for the overall approach described in the article, which relies not only on XMLHttpRequest, but on CSS, DOM, and other technologies. forras
Mondjuk ez sem mond mást, ha jól értem...

Illetve akkor nevezhetjük AJAX-nak azt is, amit eddig csináltam, mert a CSS, DOM objektumokat eddig is használtam, egyedül az XMLHttpRequest volt újdonság az AJAX tutorialban. -
fordfairlane
veterán
Valószínűleg a webszerver hiánya a probléma. A legelső példád működik, a második eleve nem jó, ezt a buttonost nem próbáltam ki.
-
fordfairlane
veterán
Így nem jó, mert href-be nem rakhatsz csak úgy javascript kódot, abba url-t kell tenni. Tegyél elé egy javascript: -tagot (javascript:loadXML...) , vagy inkább használd az onclick -et, ahogy az előző példában van.
Most jövök rá, mi lehet a gond. Az ajax lekérés akkor fog működni, ha webkiszolgálón keresztül megy. Helyi fájlrendszerből, webszerver nélkül nem.
-
j0k3r!
őstag
a home.html file-omban hivom meg a scriptet, ami mellett van egy ajaxfiles mappa, amiben van egy gallery.html file. ennek igy jonak kellene lennie nem?
szerk: atmasoltam a home.html melle a gallery.html-t es igy hivtam meg:
<li><a href="loadXMLDoc('gallery2.html','text_bottom')"><span>Gallery</span></a></li>erre ff:
A fájl nem található
A Firefox nem találja a fájlt a(z) /c:/Documents and Settings/joker/webprog/ujdoki/loadXMLDoc('gallery.html','text_bottom') helyen.bocs, lejart az ido:
szoval igy hivtam meg:
<li><a href="loadXMLDoc('gallery.html','text_bottom')"><span>Gallery</span></a></li>
gallery.html-el, nem gallery2.html-el -
fordfairlane
veterán
hello!
elakadtam egy kicsit.
van ez a script:<script type="text/javascript">
function loadXMLDoc(url,divID)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById(divID).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>amit innen szedtem, csak probaltam kicsit univerzalisabbra atalakitani 2 parameter segitsegevel.
a html-em:
<li><a onclick="loadXMLDoc('ajaxfiles/gallery.html','text_bottom')"><span>Gallery</span></a></li>
namost hiaba kattintok, a div-em tartalma valtozatlan marad.
a kerdesem az, hogy a script-e a rossz, vagy rosszul hivom-e meg, vagy pedig teljesen mas-e a problema?segitsegetek elore is koszonom.
A script működik, elküldi a requestet. Kérdés, hogy a gallery.html a megfelelő helyen van-e, mert a response feldolgozásánál csak akkor kerül bármi is kiírásra, ha 200-as kód jön vissza, azaz a webszerver megtalálta a gallery.html-t.
(xmlhttp.readyState==4 && xmlhttp.status==200)
Kivettem a xmlhttp.status==200 ellenőrzést, és nekem szépen kiírta a 404-es hibaüzenetet a megfelelő id-jű elembe.
-
shev7
veterán
koszonom, sajnos nem mukodik igy sem :/
illesztek be kodreszleteket:html:
<tr>
...
<td><img src="images/seasons/s01_2.png" width="100" height="140" onMouseOver="imgChange3(this,'images/seasons/s01.jpg','s01')" onMouseOut="imgChange2(this,'images/seasons/s01_2.png')"></img></td>
...<tr>
...
<td id="s01">Season 1</td>
...js:
function imgChange2(obj,img)
{
obj.src = img;
document.body.style.cursor = 'default';
}function imgChange3(obj,img,id)
{
obj.src = img;
document.body.style.cursor = 'pointer';
document.getElementById('id').style.color="#FFFFFF";
}onMouseOver hatasara a kep megvaltozik, de a cella betuszine nem :/
dehat a celladnak nem is id az id-ja hanem s01...
document.getElementById('s01').style.color="#FFFFFF"; igy mar menni fog.
Ha js-t probalgatsz, akkor erdemes valamilyen dev toolbar-t hasznalni. IE8-ban es chromeban alapbol van, ff-hoz ott a firebug. Ha ilyen js error van a kododban, egybol jelezne.
-
Sk8erPeter
nagyúr
hello!
a kerdesem az volna, hogy meg lehet-e valtoztatni egy tablazat bizonyos cellajanak a betuszinet js-el?
document.getElementById('id').style.Color='#FFFFFF';
ezt probaltam, nalam nem mukodik.
elore is koszonom a segitseget.szerk: illetve olyat lehetne-e, szinten js-el, hogy egy tablazat bizonyos cellajanak erteket adni? ez a megoldas is jo lenne nekem
Majdnem tökéletes, amit írtál, csak annyi a baj, hogy a JS kis- és nagybetűérzékeny, és nálad az a rossz, hogy nagy kezdőbetűvel írtad a colort (Color-t írtál), tehát így jó (pl. piros színnel):
document.getElementById('id').style.color='#FF0000';
Ilyenkor, ha nem működik, érdemes megnézni a helyes szintaktikát pl. a w3schools megfelelő oldalán, pl. a color tulajdonságé itt van: [link]
JavaScript syntax: object.style.color="#FF0000" -
Sk8erPeter
nagyúr
ahogy adtam id-t az "a"-nak is egybol mukodik

ezer koszonet
asszem mar logok par sorrel : )a feltoltest kicsit halasztom, mivel "blabla" szintu tartalommal van feltoltve meg az oldal jelenleg.
tudom, hogy nem ide tartozik, de ha 1024-re optimalizalnam az oldalam, akkor hany pixelnek kellene lennie a 3 divemnek a szelessegenek osszesen, hogy kitoltse a helyet?
Szívesen!

Mérd le valami képlopóval (pl. HyperSnap [van belőle próbaverzió] vagy valami ingyenes), vagy ilyen böngészőhöz való pluginnel/widgettel (mint pl. Operánál a Screen Ruler), hogy hány pixeles dobozka lenne számodra ideális, és azt add meg a CSS-fájlodban.
-
Sk8erPeter
nagyúr
pontosan fonok

a kozepso egyebkent egy div. (amivel eddig nem volt gond)
inkabb a menupontoknal van gond, hogy vagy egy se "szinezodik be" vagy pedig a 6 menupontot vegigkattintva mind a 6 "beszinezodik".
beszinezodik==css hover-es kinezetszerk: esetleg, ha az segitene feltolthetem valahova a css+html filet
Jahh, de most nézem a listádat, és a <li> elem után van egy <a> tag, aminek viszont egyáltalán nincs id-je, Te meg a paraméterlistában a this-szel az <a> elemet adod át, tehát a melyik.id (ami jelen esetben az <a id=""> lenne) soha nem lesz ugyanaz, mint a <li> id-je, mivel nincs is neki egyáltalán id-je.
Remélem érthető volt, bár kissé zagyván fogalmaztam.
Tehát az <a> elemnek is adj id-t (ne ugyanaz legyen, mint a <li> elemnek, mert az helytelen), és aszerint hivatkozz rá a függvényben.
Mindenképp sokat segítene, ha feltöltenéd valahova (valami ingyenes tárhelyre, pl. fw.hu, atw.hu, vagy tök mindegy), mert akkor nem kéne annyit visszakérdezni, hogy mit is szeretnél, meg egyből láthatnánk az esetleges hibát. -
Sk8erPeter
nagyúr
az onclick esemeny utan a kozepso div-em hattere megvaltozik. ez jo, de ahogy elmozditom az egermutatot a menupont felol, el is tunik az "inverz" kijeloles, amit a css-ben hoverrel csinaltam a menupontokra.
es igen johogy mondod, szerintem 1 parameter is eleg lesz a 3 helyett. (this marad)
mar javitottam is.Tehát van CSS-sel hover tulajdonság is beállítva, hogy ha föléviszed az egeret, megváltozzon a színe a beállítottra, de azt szeretnéd, hogy menüpontra kattintáskor változzon meg a "kozepso" elem színe olyanra, amilyen a kattintott elemnek CSS-sel a hover-re van beállítva, és a kattintott elemnél meg is maradjon ugyanaz a háttérszín, mint amit CSS-sel hover-rel beállítottál? Csak hogy egész pontosan értsem, mit szeretnél.

-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
valaki megmondana mi a hiba? en hiaba bamulom nem talalok semmit...
script:<script language="javascript" type="text/javascript">
function szincsere(hattersz, betusz, melyik)
{
document.getElementById("kozepso").style.background=hattersz;
document.getElementById("kozepso").style.color=betusz;
var nevek=new Array("piros", "narancs", "citrom", "zold", "kek", "lila");
var szinek=new Array("#FF0000", "#FFA500", "#FFFF00", "#00FF00", "#4876FF", "#9400D3");
for(var i=0;i<nevek.length;i++)
{
document.getElementById(nevek[i]).style.backgroundColor=betusz;
document.getElementById(nevek[i]).style.color=szinek[i];
}
melyik.style.backgroundColor=hattersz;
melyik.style.color=betusz;
}
</script>lista:
<ul>
<li id="piros"><a onclick="szincsere('#FF0000' ,'#000000', this);">PIROS</a></li>
<li id="narancs"><a onclick="szincsere('#FFA500' ,'#000000', this);">NARANCS</a></li>
<li id="citrom"><a onclick="szincsere('#FFFF00' ,'#000000', this);">CITROM</a></li>
<li id="zold"><a onclick="szincsere('#00FF00' ,'#000000', this);">ZOLD</a></li>
<li id="kek"><a onclick="szincsere('#4876FF', '#000000', this);">KEK</a></li>
<li id="lila"><a onclick="szincsere('#9400D3', '#000000', this);">LILA</a></li>
</ul>probaltam if - else -el is, ami jobban tetszett volna, ha mukodik:
<script language="javascript" type="text/javascript">
function szincsere(hattersz, betusz, melyik)
{
document.getElementById("kozepso").style.background=hattersz;
document.getElementById("kozepso").style.color=betusz;
var nevek=new Array("piros", "narancs", "citrom", "zold", "kek", "lila");
var szinek=new Array("#FF0000", "#FFA500", "#FFFF00", "#00FF00", "#4876FF", "#9400D3");
for(var i=0;i<nevek.length;i++)
{
if(document.getElementById(nevek[i])==melyik)
{
document.getElementById(nevek[i]).style.backgroundColor=hattersz;
document.getElementById(nevek[i]).style.color=betusz;
}
else
{
document.getElementById(nevek[i]).style.backgroundColor=betusz;
document.getElementById(nevek[i]).style.color=szinek[i];
}
}
}
</script>Mielőtt elkezdeném kegyetlenül bámulni a kódot, hogy kibogarásszam, mi a hiba, inkább Te írhatnád le, mi a hibajelenség, mi nem működik, mit nem csinál, ne nekünk kelljen már kitalálni.
Egyáltalán nem megy, nem vált színt? Amúgy van valami különleges célod azzal, hogy paraméterként is átadod a háttérszínt, meg még külön tömbben is tárolod? Mert ha a "kozepso" elemnek szeretnéd átadni ugyanazt a színt, mint amit kap az aktuális klikkelt elem, akkor tök felesleges paraméterként is átadni (vagy épp a tömb felesleges, ez a Te döntésed). -
j0k3r!
őstag
valaki megmondana mi a hiba? en hiaba bamulom nem talalok semmit...
script:<script language="javascript" type="text/javascript">
function szincsere(hattersz, betusz, melyik)
{
document.getElementById("kozepso").style.background=hattersz;
document.getElementById("kozepso").style.color=betusz;
var nevek=new Array("piros", "narancs", "citrom", "zold", "kek", "lila");
var szinek=new Array("#FF0000", "#FFA500", "#FFFF00", "#00FF00", "#4876FF", "#9400D3");
for(var i=0;i<nevek.length;i++)
{
document.getElementById(nevek[i]).style.backgroundColor=betusz;
document.getElementById(nevek[i]).style.color=szinek[i];
}
melyik.style.backgroundColor=hattersz;
melyik.style.color=betusz;
}
</script>lista:
<ul>
<li id="piros"><a onclick="szincsere('#FF0000' ,'#000000', this);">PIROS</a></li>
<li id="narancs"><a onclick="szincsere('#FFA500' ,'#000000', this);">NARANCS</a></li>
<li id="citrom"><a onclick="szincsere('#FFFF00' ,'#000000', this);">CITROM</a></li>
<li id="zold"><a onclick="szincsere('#00FF00' ,'#000000', this);">ZOLD</a></li>
<li id="kek"><a onclick="szincsere('#4876FF', '#000000', this);">KEK</a></li>
<li id="lila"><a onclick="szincsere('#9400D3', '#000000', this);">LILA</a></li>
</ul>probaltam if - else -el is, ami jobban tetszett volna, ha mukodik:
<script language="javascript" type="text/javascript">
function szincsere(hattersz, betusz, melyik)
{
document.getElementById("kozepso").style.background=hattersz;
document.getElementById("kozepso").style.color=betusz;
var nevek=new Array("piros", "narancs", "citrom", "zold", "kek", "lila");
var szinek=new Array("#FF0000", "#FFA500", "#FFFF00", "#00FF00", "#4876FF", "#9400D3");
for(var i=0;i<nevek.length;i++)
{
if(document.getElementById(nevek[i])==melyik)
{
document.getElementById(nevek[i]).style.backgroundColor=hattersz;
document.getElementById(nevek[i]).style.color=betusz;
}
else
{
document.getElementById(nevek[i]).style.backgroundColor=betusz;
document.getElementById(nevek[i]).style.color=szinek[i];
}
}
}
</script>szerintem ebben a sorban van a gond:
if(document.getElementById(nevek[i])==melyik)
es szerintem valami attributum hianyzik a melyik utan, de lehet hogy megint rossz helyen kapizsgalok. -
Sk8erPeter
nagyúr
hello megint! kicsit elakadtam megint. tudnal valami hasznos leirast adni arrol, hogy js-ben a html elemeire hogy lehet hivatkozni (this nelkul)?
vagy mindig adjak id-ket, aztan document.getElementById("akarmi") ?
ha for ciklus, meg tomb, akkor valoszinuleg valami index alapjan kellene vegigmenni a ciklusnak az adott elemeken, bar lehet rosszul gondolom.
a segitseged elore is koszonom.Igen, lehet document.getElementById alapján is, egy for ciklussal, és akkor mondjuk egy tömbbe bepakolhatod az id-ket:
var tomb=new Array("ez", "az", "amaz");
for(var i=0;i<tomb.length;i++)
document.getElementById(tomb[i]).style.backgroundColor="red";Meg persze childNodes-zal is meg lehet oldani, de az valóban átláthatatlan lehet egy idő után, ahogy shev7 is írta.
-
shev7
veterán
hello megint! kicsit elakadtam megint. tudnal valami hasznos leirast adni arrol, hogy js-ben a html elemeire hogy lehet hivatkozni (this nelkul)?
vagy mindig adjak id-ket, aztan document.getElementById("akarmi") ?
ha for ciklus, meg tomb, akkor valoszinuleg valami index alapjan kellene vegigmenni a ciklusnak az adott elemeken, bar lehet rosszul gondolom.
a segitseged elore is koszonom.igen, a legegyszerubb, ha azokra az elemekre amikre hivatkozni akarsz, van id-d.
Vagy lehet az un. DOM tree-ben lepkedni: ehhez a nextSiebling, previousSiebling, parentNode, childNodes property-ket lehet hasznalni, de ez elobb-utobb igen csunya, olvashatatlan kodot eredmenyez...
-
Sk8erPeter
nagyúr
ha jol sejtem, akkor a this egy mutato, mint c-ben?!
ugy szeretnem megcsinalni, hogy az onclick esemenyt kibovitenem meg par sorral, ami az eppen kattintas alatt levo menun kivul az osszes menut "default" helyzetbe rakja, es igy mindig csak 1 lesz "szines/aktiv".namost az volna a kerdesem, hogy this nelkul, hogy tudnek hivatkozni az egyes menuelemekre?
ugy mint itt a "kozepso" div-re:
document.getElementById("kozepso").style.background=szin;a segitseged elore is koszonom.
A this-ről többek közt itt olvashatsz: [link].
Ha nem szeretnél konkrét kódot, csak ötletet, akkor csak annyit mondok, hogy tömb, for ciklus, childNodes.
És így még szebb is lesz a kódod. -
Sk8erPeter
nagyúr
sajnos nem megy, a parameterezesnel lehet a gond, ahogy leviszem az egeret a menupontrol egybol visszavaltozik az eredeti szinre (fekete alapon szines betu) :/
ime a kodreszlet:
<head>
<title>Proba menu</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script language="javascript" type="text/javascript">
function szincsere(color,melyik)
{
var szin=color;
var nev=melyik;
document.getElementById("kozepso").style.background=szin;
//document.write("melyik = "+nev+"<br>");
document.getElementsByClassName("nev").style.backgroundColor=szin;
document.getElementsByClassName("nev").style.Color='#000000';
}
</script>
</head>
<body bgcolor="Black">
<p align="center"><img src="lol2.png"></p>
<ul id="menu">
<li class="piros"><a onclick="szincsere('#FF0000','piros');">PIROS</a></li>
<li class="narancs"><a onclick="szincsere('#FFA500','narancs');">NARANCS</a></li>
<li class="citrom"><a onclick="szincsere('#FFFF00','citrom');">CITROM</a></li>
<li class="zold"><a onclick="szincsere('#00FF00','zold');">ZOLD</a></li>
<li class="kek"><a onclick="szincsere('#4876FF','kek');">KEK</a></li>
<li class="lila"><a onclick="szincsere('#9400D3','lila');">LILA</a></li>
</ul>elso probalkozasom par het olvasgatas utan, szoval nem nevetni : )
ha esetleg valamit mashogy csinalnatok, a kritikat szivesen fogadom.adok kepet is, hatha ez segit:
Egy kissé túlbonyolítottad.

A függvény:
<script language="javascript" type="text/javascript">
<!--
function szincsere(color,melyik){
melyik.style.backgroundColor=color;
}
// -->
</script>A lista:
<ul id="menu">
<li class="piros"><a onclick="szincsere('#FF0000',this);">PIROS</a></li>
<li class="narancs"><a onclick="szincsere('#FFA500',this);">NARANCS</a></li>
<li class="citrom"><a onclick="szincsere('#FFFF00',this);">CITROM</a></li>
<li class="zold"><a onclick="szincsere('#00FF00',this);">ZOLD</a></li>
<li class="kek"><a onclick="szincsere('#4876FF',this);">KEK</a></li>
<li class="lila"><a onclick="szincsere('#9400D3',this);">LILA</a></li>
</ul>Működik.

-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
Azért írnak background-color-t, mert az konkrétan csak a színt módosítja CSS-ben, és az is helyes, csak backgroundColor formában elérhető (mindjárt bővebben). A sima background-dal több dolgot is lehet módosítani, lásd ezt: [link]. Pl. megadhatsz egy színt, és még mellé egy url-t, ahol az a kép található, amit a szín mellett még be akarsz pakolni háttérbe, ahogy a w3schools példája is írja:
body {background: #00ff00 url('smiley.gif') no-repeat fixed center;}A sima background-color is helyes, de remélem tudod, hogy JavaScriptben nem mindegy, hogy nagy- vagy kisbetűt írsz, és a JavaScript-es szintaktikának megfelelően adod-e meg, a background-color tulajdonságot így tudod megadni ([link] - JavaScript syntax):
object.style.backgroundColor="#00FF00"
Tehát nem kötőjellel, hanem egybe, és nagy C-vel adod meg (backgroundColor).
Ezekre figyelni kell, különben nem fog működni a kódod. Mindig nézd meg a helyes szintaktikát - például a w3schools-on (itt elég áttekinthető és könnyen megtalálható) -, mert a JavaScriptes stílusmódosítások szintaktikája sokszor nem egyezik meg a CSS szintaktikájával (de hasonló). -
shev7
veterán
"csak googlen sokhelyen "background-color" -t irtak..."
hat nem mindegy, hogy js vagy css. Kicsit zavaro lehet de mas a propertyk neve.
-
j0k3r!
őstag
hello mindenkinek!
vannak divjeim:
<div id="fodiv">
<div id="bal">szoveg</div>
<div id="kozepso">szoveg</div>
<div id="jobb">szoveg</div>
</div>az volna a kerdesem, hogy js-ben hogy hivatkozok a kozepso div backgroundjara. (meg akarom valtoztatni egy onclick esemeny soran)
a segitsegetek elore is koszonom.megoldottam:
<script language="javascript" type="text/javascript">
function szincsere(color)
{
var szin=color;
document.getElementById("kozepso").style.background=szin;
}
</script>csak googlen sokhelyen "background-color" -t irtak...
Új hozzászólás Aktív témák
-
Fórumok
Mobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokPROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Tabletek, E-bookok Nyomtatók, szkennerek PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokLOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
- Teljesen ÚJ - iPhone 17 Pro 256 GB Kártyafüggetlen - Fóliás - 0 ciklus - Apple garancia
- Intel Core ULTRA 9 285K +32GB 7600MHz Patriot Viper XTREME 5 DDR5 kit! (Bolti ár: kb 600ezer Ft!)
- RYZEN 7 5700X3D (8 mag/16 szál, 96MB L3 cache)! GARANCIA/SZÁMLA (a Te nevedre kiállítva)!
- Intel Core i3-4160, 16GB DDR3 félkonfig - Alaplap, CPU, RAM, SSD, hűtő
- 2 darab Metalica VIP Superior 2 napos jegy csere 4 darab egynaposra
- GYÖNYÖRŰ iPhone 14 Pro Max 512GB Silver -2 ÉV GARANCIA - Kártyafüggetlen, MS5367
- AKCIÓ! Lenovo Thinkpad P15 Gen 1 FHD notebook - i7 10850H 32GB DDR4 1TB SSD T2000 4GB W11
- 27% - GAMING PC! i5-12400F / RTX 4060 / 16GB DDR5 / 1TB NVMe / B760 / 650w! BeszámítOK
- Getac T800 G2 Rugged Tablet 8GB RAM, 128GB SSD + Dokkoló, Windows 11 Pro
- SKhynix - 16GB DDR4 Notebook RAM (2x8GB) - 2400MHz
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest










