geirib fyrir 18 árum, 3 mánuðum Fjöldi lestra: 427

Stundaskrá

Nú er ég að spá í að setja stundarskránna mína upp á lesanlegu formi í tölvunni og datt þá í hug að þegar ég set músina yfir ákveðið fag, þá highlightist allir tímarnir í viðkomandi fagi í vikunni. Er einhver með hugmynd/lausn á þessu máli?

Amon fyrir 18 árum, 3 mánuðum

ertu að gera þetta í php, php+mysql, xhtml+css, eða javascript?

Fyrra álit

geirib fyrir 18 árum, 3 mánuðum

bara hvað sem hentar best

Fyrra álit

Whoi fyrir 18 árum, 3 mánuðum

ætti að vera einfalt með ajax … hefurðu unnið með javascript áður?

Fyrra álit

geirib fyrir 18 árum, 3 mánuðum

eitthvað örlítið með js, en ekkert með ajax

Fyrra álit

Whoi fyrir 18 árum, 3 mánuðum

ef þú færð ajax kóðan þá geturðu notað js kunnáttuna til að fiffa til ;)

Bætt við 23. ágúst 2006 - 13:59
gleymdi, http://dhtmlgoodies.com

Fyrra álit

sigurdsson fyrir 18 árum, 3 mánuðum

Þú getur t.d merkt alla reitina í töflunni þinni með css class nafni, ISL-303 fyrir íslensku etc … svo getur þú notað getElementsByClassName til að sækja lista af öllum reitunum sem bera þetta class name (finnur þetta á google), svo þarftu bara að renna í gegnum þetta collection og breyta bakgrunns litnum.

Fyrra álit

Whoi fyrir 18 árum, 3 mánuðum

Málið væri drengur minn að bæta mysql inní þetta og sækja hvað á að læra í faginu þegar þú rennir yfir ;)

Fyrra álit

geirib fyrir 18 árum, 3 mánuðum

Ójá! :)

Fyrra álit

gke fyrir 18 árum, 3 mánuðum

Það væri gaman ef einhverjum hefði tekist að leysa þetta verkefni að fá að sjá lausnina. Ég er frekar nýliði í Javascript. Maður er ekki alveg kominn með þetta ennþá.
Mér tókst samt að búa til töflu þar sem einungis einn reitur highlitast í einu. Enn hefur mér ekki tekist að highlighta fleiri reiti.

<html>
<head>
<script>
function highlight(id){
if (document.getElementById){
obj = document.getElementById(id);
obj.style.background= "#F0F0F0";
}
}
function normal(id){
if (document.getElementById){
obj = document.getElementById(id);
obj.style.background= "";
}
}
</script>
</head>
<body>
<table border=1 cellspacing=0>
<tr>
<td id="1" onmouseover="highlight('1');" onmouseout="normal('1');" width="150">
One.
</td>
<td id="2"onmouseover="highlight('2');" onmouseout="normal('2');" width="150">
Two.
</td>
</tr>
<tr>
<td id="3"onmouseover="highlight('3');" onmouseout="normal('3');">
Three.
</td>
<td id="4"onmouseover="highlight('4'); " onmouseout="normal('4');">
Four.
</td>
</tr>
</table>
</body></html>

En það væri gaman að sjá endanlega lausn á þessu

Fyrra álit

Amon fyrir 18 árum, 3 mánuðum

<html>
<head>
<script>
function highlight(id){
if (document.getElementById){
obj = document.getElementById(id);
obj.style.background= "#666666";
}
}
function normal(id){
if (document.getElementById){
obj = document.getElementById(id);
obj.style.background= "";
}
}
</script>
</head>
<body>
<table border=1 cellspacing=0>
<tr>
<td id="1" onmouseover="highlight('1');highlight('2');" onmouseout="normal('1');normal('2');" width="150">
One.
</td>
<td id="2" onmouseover="highlight('2');highlight('3');" onmouseout="normal('2');normal('3');" width="150">
Two.
</td>
</tr>
<tr>
<td id="3" onmouseover="highlight('3');highlight('4');" onmouseout="normal('3');normal('4');">
Three.
</td>
<td id="4" onmouseover="highlight('4');highlight('1');" onmouseout="normal('4');normal('1');">
Four.
</td>
</tr>
</table>
</body></html>

1 highlightar 1+2
2 highlightar 2+3
3 highlightar 3+4
4 highlightar 4+1

Mjög líklega til betri lausn á þessu samt.

Fyrra álit

halldor89 fyrir 18 árum, 3 mánuðum

Notið Prototype (http://prototype.conio.net/)

Þeir hafa getElementByClassName.
http://www.sitepoint.com/article/painless-javascript-prototype

“If it isn't documented, it doesn't exist”

Fyrra álit

Amon fyrir 18 árum, 3 mánuðum

Hef voðalega lítið unnið með Javascript, kom bara með quick og dirty lausn á vandanum. :p

Fyrra álit

halldor89 fyrir 18 árum, 3 mánuðum

Nei bara… Þetta er leiðin sem þið eruð að leita að. Þá setjið þið bara sama class á allt sem er eins og veljið ‘byClassName’ í staðin fyrir ‘byId’.

“If it isn't documented, it doesn't exist”

Fyrra álit

gke fyrir 18 árum, 3 mánuðum

Ég fékk það ekki til þess að virka. Ert þú nokkuð til í að setja það upp. Ég er náttúrulega ekkert klár í Javascript þannig að það má vel vera að ég hafi gert þetta vitlaust

Fyrra álit

halldor89 fyrir 18 árum, 3 mánuðum

Ég held að það eina sem þarf að gera til að geta notað libraryið sé að includa .js á síðunni þinni.

“If it isn't documented, it doesn't exist”

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

Stundaskrá

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi