Den allmänna snacktråden, 2007 del 2

[ChromaWoods]

Fan vad jag inte orkar jobba idag... 🙂

Vad jobbar du med? 😉

Just nu har jag ett sommarjobb som webdesigner på Picsearch, min fd praktik. 😄

Coolt. Skulle vara kul att jobba med tycker jag. Fast även om jag gillar att designa så är jag nog bättre på att koda script och sånt. På mitt jobb är det lite blandat. Dels kör jag driftsupport (Linuxgrejer och så) och dels har jag hand om allt webbrelaterat på företaget, t.ex hemsidan, intrawebben och diverse servicewebbsidor som vi har liggandes där ute. Och så lite annat. Väldigt mycket. 😛

Kommer du få jobb där sen tror du?

[Micke H]

Finns stor chans för det. Det har gått asbra. Faktum är att dom egentligen itne har råd att anställa någon ny, men dom grävde lite i kassan för att få råd att anställa mig, så nöjda med mig var dom efter praktiken. Vilket innebär i praktiken (hoho!) att jag har en rätt usel lön just nu. Men samtidigt rätt grymma framtidsutsikter. 🙂

[Micke H]

Btw, kort Javascriptfråga. 😉 Jag har en array med alla divar i dokumentet (document.getElementsByTagName("div") )

Hur gör jag nu en array med alla divar som har en särskild class?

Behöver inte svara om du inte vill... 🙂😄

[Micke H]

Jag antar att en for-loop av något slag behövs...finns ju ingen getElementByClassName... 🙂

[Neosus]

Ja... exakt... 😉

regnregnregnregn 🙂

[Micke H]

Chroma flydde... 😉

Nåja, jag har kommit halvvägs i alla fall. 😄 Jag har skapat arrayen, skapat for-loopen som kollar om className är lika med den class jag letar efter. Det enda jag inte vet nu är hur jag lägger till alla divar med den classen till arrayen. 🙂

[Neosus]

Bra jobbat! 🙂

[ChromaWoods]

Chroma flydde... 😄

Nåja, jag har kommit halvvägs i alla fall. 😛 Jag har skapat arrayen, skapat for-loopen som kollar om className är lika med den class jag letar efter. Det enda jag inte vet nu är hur jag lägger till alla divar med den classen till arrayen. 🙂

Du är ute efter push tror jag?

arrayName.push(value);

Om inte så har säkert DevGuru svar på dina frågor: http://www.devguru.com/technologies/javascript/index.asp 😉

[Micke H]

🥰

[Micke H]

var divs = document.getElementsByTagName("div");

var imageBoxes = new Array()

for ( var i=0; i < divs.length; i++) {

if (divs.className == "image_box" ) {

imageBoxes = "";

}

}

 

Den enda delen här som inte verkar riktig är imageBoxes = "";

 

Ska prova push, men jag har aldrig hört talas om det tidigare. Vilket inte säger så mycket, jag vet... 🥰

[Micke H]

Meh, varken imageBoxes.push(this); eller imageBoxes = this; fungerar... 🥰

[ChromaWoods]

Ska prova push, men jag har aldrig hört talas om det tidigare. Vilket inte säger så mycket, jag vet... 🥰

Att pusha och popa element i arrayer är inga konstigheter, det kan man göra i de flesta programmeringsspråk, även om syntaxen må vara annorlunda. 🙂

Ska kolla på koden.

[Micke H]

Aaaah! Det finns en anledning till att jag kallar mig designer, inte programmerare! 🥰

[Micke H]

Bra jobbat! 🙂

Alla bäckar små... 🥰

[ChromaWoods]

Vad tusan vill du med denna rad? 🥰

imageBoxes = "";

 

Den kommer ju explicit att lagra strängen "" i arrayen! Vad är det du vill pusha in i arrayen?

[Micke H]

Hela koden:

function highlightItems() {
if (!document.getElementsByTagName) return false;
var divs = document.getElementsByTagName("div");
var imageBoxes = new Array()
for ( var i=0; i < divs.length; i++) {
	if (divs[i].className == "image_box" ) {
		imageBoxes.push(this);
	}
}
alert(imageBoxes.length);
for (var i=0; i < imageBoxes.length; i++ ) {
	imageBoxes[i].onmouseover = function() {
		this.style.border = "1px solid #79a5c1";
		this.style.padding = "0";
	}
	imageBoxes[i].onmouseout = function() {
		this.style.border = "none";
		this.style.padding = "1px";
	}
}
}

window.onload = function() {

highlightItems();

}

Den viktiga delen:

var divs = document.getElementsByTagName("div");
var imageBoxes = new Array()
for ( var i=0; i < divs.length; i++) {
	if (divs[i].className == "image_box" ) {
		imageBoxes.push(this);
	}
}

Jag insåg precis hur dumt imageBoxes = ""; egentligen är, se ovan hur det blev. Jag hade glömt bort att this existerade. 🥰

Genom en alert-ruta för att kolla på längden på arrayen imageBoxes, så ser jag att det tydligen HAR fungerat ändå, den är precis så lång som den ska vara! Ändå fungerar inte resten av koden...dvs att ge en border vi onmouseover... 🙂

[ChromaWoods]

Du kan alerta hela arrayens innehåll för att se vad som har lagrats:

alert(imageBoxes);

...men jag fattar fortfarande inte vad det är du vill pusha? Är det divens namn? Isåfall blir det ju:

  for ( var i=0; i < divs.length; i++) {
if (divs[i].className == "image_box" ) {
  imageBoxes.push(divs[i].name);
}
 }

Redigerat 9 juli 2007 av ChromaWoods

[Micke H]

Så här är det: jag vill samla alla divar med classen image_box i en array.

[ChromaWoods]

Aha nu fattar jag vad det är du vill åstadkomma.... Ett ögonblick så ska vi se..

[Micke H]

🥰

[ChromaWoods]

Du har installerat FireBug-pluggen för FireFox va? Den är sanslöst bra för att debugga JavaScript.

[Micke H]

Har tyvärr inte kunnat...sitter inte på admin-rättigheter på denna dator jag använder, så jag kan inte installera något på egen hand...ska försöka fixa det imorgon dock. 🥰

[Fidden]

Lalala, msn kanske? 🥰

[Micke H]

På jobbet? 🥰

[Fidden]

På jobbet? 🥰

till skillnad från forum.. på jobbet?

[Micke H]

Aja, forum är faktiskt tillåtet. Detta är långtifrån första gången jag surfar runt efter en lösning. Dock är jag inte tillräckligt hemma på Javascript för att kunna surfa efter det... 🥰 Vet inte riktigt vad jag ska leta efter...

[Micke H]

Hur går det? 🥰 För mig verkade det inte som en särskilt svår sak, men jag fick ändå problem med det... 🙂

[Fidden]

Så msn är inte tillåtet på ditt jobb? Trots att du jobbar med design/programmering? Brukar väl vara ett standardkommunikationsverktyg på dataföretag, inte minst internt mellan anställda, eftersom datanissar i tidernas begynnelse var ganska osociala varelser 🥰

(fidden tilldelas härmed 1st fördomsvarning)

[Micke H]

🥰

[Neosus]

🥰