- Luck Dragon: Asszociációs játék. :)
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- gban: Ingyen kellene, de tegnapra
- Luck Dragon: Alza kuponok – aktuális kedvezmények, tippek és tapasztalatok (külön igényre)
- sziku69: Fűzzük össze a szavakat :)
- djculture: Az elvileg már senkinek nem kellő HDD-k ára is egekbe emelkedett 4 hónap alatt
- eBay-es kütyük kis pénzért
- Gurulunk, WAZE?!
- Archttila: SMART tesztelés automatizálva: smartctl poller script Zsh-ban, RPi-re
- btz: Internet fejlesztés országosan!
-
Fórumok
LOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokPROHARDVER! - 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 Nyomtatók, szkennerek Tabletek, E-bookok PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésFÁ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
-
j0k3r!
őstag
Pont fel akartam tenni a kérdést, hogy mi a vélemény erről. De akkor vegyétek úgy, hogy megkérdeztem.
Nekem tetszenek az alapvetések benne, de nyílván nincs komolyabb tapasztalatom vele, mivel ez egy elég friss framework. Itt van egy egész jó összehasonlító videó, ha érdekel (az előadó az Aurelia project vezetője)
-
j0k3r!
őstag
Az undefined azt jelenti, hogy az adott változónak nincs értéke. Itt szépen leírják, hogy mire is kell gondolni.
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).
Ha érdekel a JS akkor szerintem megéri rászánni egy kis időt, és elolvasni ezt a könyvet.
"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)
-
j0k3r!
őstag
Oké-oké, én is azzal kezdtem, hogy még a .Net fejlesztők között is eléggé kuriózum számba megyek az IE használatommal.
Tudom, hogy a Netbeans + Chrome is tud js-t debugolni, nem is írtam hogy kuriózum, ezt csak a CSS változtatások megjelenítéséhez írtam. Azért írtam mert nagyon szeretem ezt a feature-t, és pl. Firefox-al ez nem megy (VS + Chrome-al sem).
Chrome-ot azért tartom kifacsartnak, mert folyton szopat a js-ek keresgélésvel, amikor több domainból jönnek a js-ek. Meg az az egész Source megjelenés valahogy olyan idétlen szerintem. De itt a szerintemen van a hangsúly.Böngésző flame-et se akartam itt kirobbantani, én egyedül az adblock-ot használom kiegészítőnek az összes böngésző alatt, ez meg éppen van IE alá is. Nekem személy szerint bejön az IE faék egyszerűsége, a beállításokban nem is emlékszek mikor jártam, egyáltalán minek oda belépni bármikor is?
Hozzáteszem, Chrome és FF beállításaiban se szoktam túrkálni.Chrome-os developer toolbar-hoz tipp, ami nekem sokat segít: CTRL + P (lehet javascript file-t is keresni vele, illetve javascript file adott sorára ugrani)
-
j0k3r!
őstag
Jim - Y kérésére írok egy rövid összefoglalót ide a JS toikba, hogy milyen szolgáltatásokat ad a Visual Studio tisztán html (plusz nyilván css, js, de semmiképpen sem .Net) fejlesztés esetében. Először is szögezzük le, hogy legalább két verziója van a VS-nek:
1. ingyenes VS Express, aminek a funkcionalitása majdnem az, mint a Pro verziója, viszont nem lehet hozzá plugineket telepíteni, ami pont a webfejlesztés szemszögéből nézve elég nagy hiányosság.
2. fizetős VS (Pro, Ultimate), ahol a Pro kb. mindenre elég, hacsak nem teszt automatizálással, meg mindeféle brutális funkcionális teszt írásával foglalkozunk. A Pro-ból az egyetlen számomra hiányzó funkció a web oldalak beépített load test-je, ami az Ultimate-ben benne van.No, de mi az, amit az ingyenes is tud:
Kód kiegészítés js, css, html - a html kiegészítése szvsz a VS-nek a legjobb az összes eddig általam próbált rendszer közül, ami lássuk be pusztán az Eclipse, Netbeans vonalra korlátozódik, szóval lehet, hogy a PHPStrom, Webstorm ugyanilyen jó html-ben. CSS-ben segítget, js-ben egészen jó, bár kellően bonyolult jó sok js-re bontott projekt struktúránál, azért meg tudja adni magát a js kódkiegészítés. Emellett természetesen minden általános IDE funkció benne van, projektben keresés, szűrés, navigálás, verzió kezelőkkel integráltság stb...
Fizetős mivel tud többet: van egy Web Essentials nevű hivatalos MS által supportált plugin. Aminek a tudása elég emberes, nem is sorolnám fel, nézze meg mindenki maga: link
Hozzáteszem én pusztán html kódot nem szoktam fejleszteni, ASP.NET-ezek, így részemről alap volt a VS mint IDE választása.
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
-
j0k3r!
őstag
hali
kicsit elakadtam és fogalmam sincs mi a hibaif(uzenet.value !="")
{
alert(uzenet);
return false;
}
if(uzenet.value =="")
{
return true;
}az uzenet változóba pakolom bele a hibaüzeneteket. hogy az űrlap kitöltése során milyen hibákat vétett a felhasználó. igen ám, de amikor a visszatérési értéket adnám meg. Ha hibát vétek a kitöltés során, akkor azt ki is írja rendesen.
Viszont ha helyesen töltöm ki, tehát az uzenet változó ekkor üres. és meg kéne kapnia a true értéket. de sajnos mégse, megjelenik egy üres alert ablak.
próbáltam már uzenet.value.length == 0 - val is de azzal se mentem többre. valamiért elakadt.
valami ötlet?szerintem igy is mennie kene:
if( uzenet.length == 0 )
{
return true;
}
else
{
alert(uzenet);
return false;
}gondolom az uzenet egy js valtozo, amit uresen inicializalsz (var uzenet = "";), es hiba eseten kap csak mas erteket.
-
j0k3r!
őstag
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...

"Megoldottam php-val inkább"
jol tetted, nem szabad csupan js-re bizni az effele dolgokat
valamennyire idetartozik: [link] -
j0k3r!
őstag
<script type="text/javascript">
function checkForm() {
var success = true;
if (document.getElementById('inspiraciokep').value != "")
{
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 />";
success = false;
}
}
if (document.getElementById('inspiraciokep').value.length == 0)
{
document.getElementById("labelSuccess").innerHTML = "";
document.getElementById("labelFajl").innerHTML = "Nincs kép kiválasztva!<br /><br />";
success = false;
alert('dfd');
}
return (success);
}
</script><form action="tpl/upload.php" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
<fieldset>
<legend>Új kép</legend>
<div class="inspirodiv">
Képfájl:<br />
<input type="file" id="inspiraciokep" name="inspiraciokep" />
</div>
<input type="submit" name="inspiraciokepfeltoltes" value="Feltöltés" />
</fieldset>
</form>Nekem ezen simán tovább megy az upload oldalra.
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.
-
j0k3r!
őstag
nalam mukodik jol, ha valamelyik mezo ures, akkor tovabb se lep. mutasd meg eddig mire jutottal (form + script), hatha tobb szem tobbet lat.
-
j0k3r!
őstag
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)
-
j0k3r!
őstag
Kis js segítség kellene.
Adott egy lista ami képek linkje. A célom, hogy ha ráviszem az egeret akkor megjelnítse a képet. Van erre valami js kód? Vagy jquery?
Próbálkozásom:
<a href="../galeria/2010-kispalyas-foci/008-2010-kispalyas-foci.jpg" target="_blank" onmouseover="o('../galeria/2010-kispalyas-foci/tn/008-2010-kispalyas-foci.jpg')\;" onmouseout="f()\;">
008-2010-kispalyas-foci.jpg
<span><img style="border:none;background:none;" src="../images/trans.gif" alt="008-2010-kispalyas-foci.jpg" name="thumb6"></span></a>Hozzá a js kód:
function o(i) {
document.src = i;
}
function f(n) {
document.src = '../images/trans.gif';
}A gond, hogy nem változtatja át a képet.
valami ilyesmi:
<img src="valami.png" onMouseOver="imgChange(this,'csere.jpg')"/>function imgChange(obj,img)
{
obj.src = img;
} -
j0k3r!
őstag
Jó ez a topic. Mindenki kérdez, majd megoldja a saját problémáját.

Kérdésem lenne: az AJAX, mint olyan tképp mit takar? Annyit felfogtam, hogy egy olyan javascript(?) eszköz, aminek segítségével úgy kommunikál a kliens a szerverrel, hogy közben nem kell a teljes oldalt újratöltögetni.
Jól értem, hogy ez gyakorlatilag az XMLHttpRequest objektum használatát jelenti?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
-
j0k3r!
őstag
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.
na vegre sikerult : )
igazad volt, apache alatt mukodik, de ha csak 'siman' nyitom meg, akkor nem.
koszonom szepen a segitseged. -
j0k3r!
őstag
Í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.
igy sem jo :/
csinaltam direkt egy tesztgombot is:
<button type="button" onclick="loadXMLDoc('gallery.html','text_bottom')">gomb</button>de sajnos igy sem jo.
szerk: dobjak fel egy xampp-ot?
-
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 -
j0k3r!
őstag
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.
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. -
j0k3r!
őstag
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.
-
j0k3r!
őstag
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.
igy tenyleg jo!
a gondom az, hogy 9x2 img es 9 cella van. nem lehetne valahogy parameteratadassal megoldani a cella id-jet egy 3. parameterkent?
(#1781) ArchElf itt a pont!
koszonom mindkettotok segitseget.
-
j0k3r!
őstag
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"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 :/
-
j0k3r!
őstag
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
-
j0k3r!
őstag
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.
oke. ezt is megnezem. ezt is koszonom!
-
j0k3r!
őstag
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.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?
-
j0k3r!
őstag
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.

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
-
j0k3r!
őstag
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).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. -
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. -
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> -
j0k3r!
őstag
ma delutan neki is esek. koszonom mindkettotok segitseget!
-
j0k3r!
őstag
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.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. -
j0k3r!
őstag
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.

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.
-
j0k3r!
őstag
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.

koszonom szepen! kicsit meg alakitottam rajta, de mukodik!!!
<script language="javascript" type="text/javascript">
function szincsere(hattersz, betusz, melyik)
{
document.getElementById("kozepso").style.background=hattersz;
document.getElementById("kozepso").style.color=betusz;
melyik.style.backgroundColor=hattersz;
melyik.style.color=betusz;
}
</script>
</head>
<body>
<p align="center"><img src="lol2.png"></p>
<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>most mar csak 1 gondom van, ha mind a 6 menupontot vegignyomom, akkor mind a 6 "vilagit", szoval kellene valami elagazast irnom, hogy egyszerre csak 1 legyen aktiv.
egy kis segitseget tudnal adni az elindulashoz? (ne kesz megoldast, mert gondolkodni szeretnek rajta)elore is koszonom.
-
j0k3r!
őstag
onclick="this.style.backgroundColor='#FF0000';" //#FF0000 helyére a saját kívánt színed
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:
-
j0k3r!
őstag
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ó).koszonom szepen mindkettotoknek. majd odafigyelek a kis/nagybetukre, azthiszem valami komolyabb fejlesztokornyezetet be is szerzek ubuntura.
tudom, hogy nem ide tartozik.de : erre otlet? -
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...
-
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.
Új hozzászólás Aktív témák
-
Fórumok
LOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokPROHARDVER! - 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 Nyomtatók, szkennerek Tabletek, E-bookok PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésFÁ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
- Kuponkunyeráló
- Gumi és felni topik
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- AMD FX
- Milyen billentyűzetet vegyek?
- Mibe tegyem a megtakarításaimat?
- Samsung Galaxy S26 Ultra - fontossági sorrend
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Windows 11
- Elektromos autók - motorok
- További aktív témák...
- HP Omen 17 QHD 240Hz / RTX 4090 / i7-13700HX / 32GB DDR5 / 1TB SSD! BeszámíTOK
- Eladó Samsung Galaxy A12 4/128GB fekete / 12 hónap jótállás
- iPhone 17 Pro 256 GB Silver - Bontatlan !! www.stylebolt.hu - Apple eszközök - Számlás
- PlayStation 5 SLIM DIGITAL 1 TB + kontroller 2027.12.14-ig garanciális, számlával!
- Asus STRIX Gaming PC! Ryzen 5900X / RTX 3070 Ti / 1TB NVMe / 32GB 3200MHz / X570! BeszámítOK
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest






Remélem érthető volt, bár kissé zagyván fogalmaztam.

