Just nu i M3-nätverket
Gå till innehåll
Kivas

hjälp med javascript

Rekommendera Poster

Hej.

Jag vill göra en variant på en meny där man har en bild av en knapp som är "default".

 

När man pekar med muspekaren över den byts bilden till en annan bild, när man tar bort muspekaren går den tillbaka till "default".

 

Vidare vill jag att när man klickar på knappen skall bildknappen bytas till samma bildknapp som när man pekade över den, så att man så att säga ser vilken knapp som är aktiv.

När jag sedan klickar vidare på en annan knapp skall den första knappen gå tillbaka till default läge.

Rörigt värre ;)

 

Jag är inte ute efter att någon vänlig själ skall hjälpa mig att koda ihop denna röra, utan jag har ett script för det, som det tyvärr är något vajsing med. När jag öppnar html filen står det i statusraden "Fel på sidan". Kan någon av er här i forumet se vad som är fel? Jag tror iaf att detta script skall fungera så som jag beskrivit, annars tar jag gärna emot tips om något annat.

 

[log]

<html>

<head>

<script language="JavaScript">

// define toolbar button images for each state

// (normal, highlight, click)

vartoolbarData = new Array();

toolbarData[1] = new Array('image1_n.gif', 'image1_h.gif', 'image1_c.gif');

toolbarData[2] = new Array('image2_n.gif', 'image2_h.gif', 'image2_c.gif');

toolbarData[3] = new Array('image3_n.gif', 'image3_h.gif', 'image3_c.gif');

toolbarData[4] = new Array('image4_n.gif', 'image4_h.gif', 'image4_c.gif');

 

// store the ID of the currently clicked button

varcurrentSelection = -1; // -1 = initial dummy value

 

// function to change button state on hover

function highlightItem(obj, state) {

// get button ID

i = obj.getAttribute('id');

 

// check if it is currently clicked

// if not, change state (normal=0, highlight=1)

if (i != currentSelection) {

if (state == 1) {

obj.setAttribute('src', toolbarData[1]);

} else {

obj.setAttribute('src', toolbarData[0]);

}

}

}

 

// function to change button state on click

function selectItem(obj) {

// get button ID

i = obj.getAttribute('id');

 

// reset all toolbar buttons to normal

tbar = document.getElementById('toolbar');

items = tbar.getElementsByTagName('img');

for (x = 0; x < items.length; x++) {

items[x].setAttribute('src', toolbarData[(x+1)][0]);

}

 

// set selected button to click state

obj.setAttribute('src', toolbarData[2]);

 

// publish ID of clicked button

currentSelection = i;

}

</script>

</head>

 

<body>

<table id="toolbar">

<tr>

<td><img id="1" src="image1_n.gif" onMouseOver="highlightItem(this, 1)"

 

onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="50" height="50" border="0"></td>

<td><img id="2" src="image2_n.gif" onMouseOver="highlightItem(this, 1)"

 

onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="50" height="50" border="0"></td>

<td><img id="3" src="image3_n.gif" onMouseOver="highlightItem(this, 1)"

 

onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="50" height="50" border="0"></td>

<td><img id="4" src="image4_n.gif" onMouseOver="highlightItem(this, 1)"

 

onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="50" height="50" border="0"></td>

</tr>

</table>

</body>

</html>

[/log]

 

Jag undrar också var jag skall lägga in länken till sidan som jag vill skall visas. Ponera att jag vill att sidan som öppnas när man klickar på en av knapparna heter start.html och skall visas i target="main" (alltså inuti en iframe som heter main).

 

Tacksam för hjälp.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Tack! Nu fungerar det!

 

Vet någon också hur man gör med var jag skall lägga in länken till sidan som jag vill skall visas. Säg att när man klickar på en av knapparna så skall sidan start.html visas i target="main" ?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Har du testat att lägga det på bilderna?

<a href="start.html" target="main">bild</a>

 

Tack för poängen och du får såklart lägga en länk på varje bild, men det räknade du nog ut :)

[inlägget ändrat 2006-05-24 12:08:44 av Micke_skane]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Micke var lite före :)

 

Hur som helst, ett alternativ kan vara:

 

Du borde kunna modifiera funktionen selectItem så att den även tar en parameter som är urlen.

 

function selectItem(obj, goUrl) {

parent.main.location.href = goUrl;

 

[övrig kod]

 

}

 

Du kan behöva modifiera raden parent.main.location.href = goUrl; beroende på hur menyn ligger, om den ligger i en annan frame eller hur du nu byggt upp det.

 

Bilderna får du sen modifiera så att de ser ut såhär:

 

onClick="selectItem(this, 'http://www.idg.se')"

 

 

 

 

[inlägget ändrat 2006-05-24 12:10:04 av DanielForPresident]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Det är ett bra alternativ men man bör ha i tanken att det inte blir lika tydligt att det är en länk då markören inte blir en hand över bilden.

Då får du ändra hur markören ska visas vid "onmouse-over".

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Helt sant! Det är ju klart tydligare om man får fram "handen". Man kan iofs lösa det genom att sätta this.style.cursor = 'hand'; genom onMouseOver eventet också. Så det går att lösa, men ditt alternativ känns lättare, om det går att lösa så enkelt.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Ja, vilken "väg" man ska ta för att lösa olika saker skiljer sig från gång till gång :)

Hade man svarat imorgon hade man kanske nämnt varianten med att skicka med en parameter till funktionen och lägg till en annan cursor vid onmouseover.

Ibland väljer man det "enklaste" svaret :)

Bara det är tydligt för besökaren.

 

Tyckte ändå att ditt förslag var bra!

"Snyggare" om man är "horney" på koder :)

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Tack båda två för hjälpen!

Har inte kunnat svara förrän nu, då min router strejkat :thumbsdown:

<a href.. var enkelt, och jag tänkte inte ens på att det givetvis gick att göra så. Det andra alternativet var också mkt bra att känna till!

 

T Y V Ä R R så har jag problem med hela funktionen i sin helhet då när jag lagt in den på flera knappar på en sida så verkar någonting göra så den knappen som visas när man väl klickat på knappen - har en benägenhet att "stanna kvar" även om jag klickar mig vidare på andra knappar, och det var ju inte riktigt så jag hade tänkt mig det hela. Bildknappen skulle ju gå tillbaka till ursprungsläget "default" när jag klickar på någon annan knapp.

 

Har ni någon idé om varför det blir så här? Eller vet ni möjligtvis var jag kan hitta något annat skript som funkar så som jag beskrivit?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Det ser ut som att scriptet ska kunna fixa det själv, for loopen under "// reset all toolbar buttons to normal". Den tar alla bilder som ligger i tabellen "<table id="toolbar">" och sätter deras src till ursprungsvärdet. Är du säker på att du inte stavat fel någonstans eller liknande?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Hallå igen, tack så hemskt mkt för hjälpen och engagemanget!

Så här ligger det till, jag har en sida med massa slicade bilder och menyn med knapparna ligger inuti en tabell med bildknapparna i separata tabellceller, i denna tabell ligger även andra bilder som hör till layouten (slicade bilder).

 

För att menyn javascriptet skall fungera skall ju huvudtabellen ha id= toolbar. Det är förmodligen här det blir problems för mig. Döper jag huvudtabellen till id=toolbar, så blir sidan helkonstig så fort man klickar på en knapp, eftersom även de andra bilderna i layouten påverkas. Då tänkte jag att jag löser det hela med att i de tabellceller som bildknapparna ligger så sätter jag <td id="toolbar"... istället, och det är väl då det blir problem. Vet inte hur jag skall lösa det.

 

Jag har gjort en variant förut av sidan med divs, men det blev inge bra i IE, som visade massa mellanrum mellan bilerna på sina ställen, vilket inte såg klokt ut.

 

Så, frågan nu är..om jag har en tabell där bildknapparna ligger, men där även andra bilder finns i egna tabellceller, hur gör jag då? Att sätta id="toolbar" på td märket, var tydligen ingen bra idé.

 

Jag kan inte göra en egen tabell för bildknapparna, då det blir fel i övriga layouten...

 

Har ni några förslag?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du skulle kanske kunna modifiera scriptet såhär:

 

for (x = 0; x < items.length; x++) {
if (items[x].partOfMenu == 'true') {
items[x].setAttribute('src', toolbarData[(x+1)][0]);
}
}

 

samt på varje bild i tabellen toolbar sätta (för bilder som ingår i menyn)

 

<img partOfMenu="true" ... >

 

eller (för bilder som inte ingår i menyn)

 

<img partOfMenu="false" ... >

 

Då kommer bara bilderna som ligger i toolbar och som har parametern partOfMenu="true" att påverkas.

 

Har inte testat detta själv utan bara torrkodat men borde fungera :)

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Låter som en kanon lösning!

Eftersom jag inte är så haj på detta med javascript så måste jag bara fråga exakt var i javascriptkoden jag skall lägga in:

 

for (x = 0; x < items.length; x++) {

if (items[x].partOfMenu == 'true') {

items[x].setAttribute('src', toolbarData[(x+1)][0]);

}

}

 

 

Här är min kod:

 

[log]

<script language="JavaScript">

// define toolbar button images for each state

// normal, highlight, click)

var toolbarData = new Array();

toolbarData[1] = new Array('bild_slices/knappar/pil_kontakt.jpg', 'bild_slices/knappar/pil_over/pilov_kontakt.jpg', 'bild_slices/knappar/pil_over/pilov_kontakt.jpg');

toolbarData[2] = new Array('bild_slices/knappar/pil_medlemmar.jpg', 'bild_slices/knappar/pil_over/pilov_medlemmar.jpg', 'bild_slices/knappar/pil_over/pilov_medlemmar.jpg');

toolbarData[3] = new Array('bild_slices/knappar/pil_varumarken.jpg', 'bild_slices/knappar/pil_over/pilov_varumarken.jpg', 'bild_slices/knappar/pil_over/pilov_varumarken.jpg');

toolbarData[4] = new Array('bild_slices/knappar/pil_spikpistoler.jpg', 'bild_slices/knappar/pil_over/pilov_spikpistoler.jpg', 'bild_slices/knappar/pil_over/pilov_spikpistoler.jpg');

 

 

// store the ID of the currently clicked button

var currentSelection = -1; // -1 = initial dummy value

 

// function to change button state on hover

function highlightItem(obj, state) {

// get button ID

i = obj.getAttribute('id');

 

// check if it is currently clicked

// if not, change state (normal=0, highlight=1)

if (i != currentSelection) {

if (state == 1) {

obj.setAttribute('src', toolbarData[1]);

} else {

obj.setAttribute('src', toolbarData[0]);

}

}

}

 

// function to change button state on click

function selectItem(obj) {

// get button ID

i = obj.getAttribute('id');

 

// reset all toolbar buttons to normal

tbar = document.getElementById('toolbar');

items = tbar.getElementsByTagName('img');

for (x = 0; x < items.length; x++) {

items[x].setAttribute('src', toolbarData[(x+1)][0]);

}

 

// set selected button to click state

obj.setAttribute('src', toolbarData[2]);

 

// publish ID of clicked button

currentSelection = i;

}

</script>

[/log]

 

Vidare menar du att t.ex för en bild som ingår i tabellen toolbar, men som inte ingår i menyn sätta följande <img.. kod:

 

<img partOfMenu="false" src="bild_slices/topplogo_va.jpg">

 

och för bilder som ingår i tabellen toolbar och som även ingår i menyn med bildknappar:

 

<img partOfMenu="true" src="image1_n.gif>

 

Har jag förstått den delen korrekt?

 

Om jag nu bara får veta var jag skall lägga in din komplettering så kanske jag är iland :)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du ska byta ut for-loopen i din kod mot den nya for-loopen.

Byt:

for (x = 0; x < items.length; x++) {
items[x].setAttribute('src', toolbarData[(x+1)][0]);
}

mot

for (x = 0; x < items.length; x++) {
if (items[x].partOfMenu == 'true') {
items[x].setAttribute('src', toolbarData[(x+1)][0]);
}
}

 

Har jag förstått den delen korrekt?
Japp, den delen med bilderna har du förstått rätt.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Hoppas de har löst sig och tack för poängen :thumbsup:

Jag gav dig en poäng för att du verkligen visar uppskattning för den hjälp du får!

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Tack!

Jag har lite problems fortfarande, men tror att jag borde kunna lösa det med uteslutningsmetoden.

Någonting strular dvs. jag tror att scriptet på något sätt störs av någonting på min sida. Jag har ju en tabell med alla de här bilderna och med bilder som inte hör till menyn i sig. De img som inte hör dit har jag lagt till partOfMenu="false" resp "true" för de som är del av menyn. Har även redigerat for loopen.

Som det är nu fungerar inte menyn alls, onmouseover lirar men inte det övriga, så jag måste plocka isär detta och se vad som strular. :)

Med blotta ögat ser jag inte vad som kan vara knas, men det löser sig nog.

 

Tack än en gång för all hjälp! ..och för poängen haha!

 

[inlägget ändrat 2006-05-27 01:10:51 av Kivas]

[inlägget ändrat 2006-05-27 01:12:20 av Kivas]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Någonting strular dvs. jag tror att scriptet på något sätt störs av någonting på min sida.
Ja, något har blivit fel i din kod, om det är i funktionerna som rör meny eller något annat får du testa dig fram till.

Det fungerar klockrent hos mig.

Bra att du först själv felsöker din kod, bit för bit!

 

Sen vill jag justera Daniels exempel på att sätta cursorn till 'hand' med hjälp av this.style.cursor = 'hand';.

Det är inte någon standard utan man ska använda pointer istället.

Använder man hand så stödjer inte FF eller NS det.

Pointer är standard och stöds av IE, FF, Opera, NS.

Kan vara bra att veta :)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Jättebra att veta Micke!

Viktigt att det blir hand på länkarna, annars fattar ju inte folk att det är fråga om en länk.

 

Jag har varit lite ledig i helgen, men imorrn skall jag sätta mig och reda ut vad som stör på sidan. Jag vet att scriptet fungerar klockrent, varför det måste vara något litet som jag schabblat till någonstans. Som sagt; lusläsning blir det av imorrn :)

 

Tack än en gång för all hjälp, DanielThePresident också! Ni är verkligen kanonsnälla alla som hjälper till här med frågor!

 

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

JAG GER UPP!

Jag fattar inte vad som är fel alltså. Det är någonting i min kod som gör att scriptet inte fungerar. Onmouseover funkar men när jag klickar på knappen så stannar inte bilden kvar som skall vara den samma som på onmouseover.

 

Tänkte om någon av er hjälpsamma killar kan kolla om ni ser vad som är fel. Jag har gått igenom detta hundra ggr nu, tagit bort kod och bantat ner den så att jag skall se vad det kan vara, men det är kört. Har provat att göra ett nytt dok och infoga en tabell med mina bildknappar samt ett par bilder som inte skall vara med i menyn för att testköra partOfmenu true och false, och då fungerar det. Helkonstigt.

 

Ibland när jag testkörde då jag tog bort delar av min kod så fick jag felmeddelandet: 'toolbardata[...].0'är null eller inte ett objekt

Det felmeddelandet har jag dock inte då koden är orörd, då är det bara det att inte onclick bilden stannar kvar, utan det blir endast en onmouseover funktion.

 

Har försökt att banta ner min kod så den inte skall bli så lång innan jag infogar den, dvs gjort sökväg till filer och filnamn kortare så att inte den skall bli längre än nödvändigt.

 

[log]

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>testsida javascriptmeny</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">

// define toolbar button images for each state

// normal, highlight, click)

var toolbarData = new Array();

toolbarData[1] = new Array('knappar/pil1.jpg', 'knappar/pil_over/pil1.jpg', 'knappar/pil_over/pil1.jpg');

toolbarData[2] = new Array('knappar/pil2.jpg', 'knappar/pil_over/pil2.jpg', 'knappar/pil_over/pil2.jpg');

toolbarData[3] = new Array('knappar/pil3.jpg', 'knappar/pil_over/pil3.jpg', 'knappar/pil_over/pil3.jpg');

toolbarData[4] = new Array('knappar/pil4.jpg', 'knappar/pil_over/pil4.jpg', 'knappar/pil_over/pil4.jpg');

toolbarData[5] = new Array('knappar/pil5.jpg', 'knappar/pil_over/pil5.jpg', 'knappar/pil_over/pil5.jpg');

toolbarData[6] = new Array('knappar/pil6.jpg', 'knappar/pil_over/pil6.jpg', 'knappar/pil_over/pil6.jpg');

toolbarData[7] = new Array('knappar/pil7.jpg', 'knappar/pil_over/pil7.jpg', 'knappar/pil_over/pil7.jpg');

toolbarData[8] = new Array('knappar/pil8.jpg', 'knappar/pil_over/pil8.jpg', 'knappar/pil_over/pil8.jpg');

toolbarData[9] = new Array('knappar/pil9.jpg', 'knappar/pil_over/pil9.jpg', 'knappar/pil_over/pil9.jpg');

toolbarData[10] = new Array('knappar/pil10.jpg', 'knappar/pil_over/pil10.jpg', 'knappar/pil_over/pil10.jpg');

 

// store the ID of the currently clicked button

var currentSelection = -1; // -1 = initial dummy value

 

// function to change button state on hover

function highlightItem(obj, state) {

// get button ID

i = obj.getAttribute('id');

 

// check if it is currently clicked

// if not, change state (normal=0, highlight=1)

if (i != currentSelection) {

if (state == 1) {

obj.setAttribute('src', toolbarData[1]);

} else {

obj.setAttribute('src', toolbarData[0]);

}

}

}

 

// function to change button state on click

function selectItem(obj) {

// get button ID

i = obj.getAttribute('id');

 

// reset all toolbar buttons to normal

tbar = document.getElementById('toolbar');

items = tbar.getElementsByTagName('img');

for (x = 0; x < items.length; x++) {

if (items[x].partOfMenu == 'true') {

items[x].setAttribute('src', toolbarData[(x+1)][0]);

}

}

 

// set selected button to click state

obj.setAttribute('src', toolbarData[2]);

 

// publish ID of clicked button

currentSelection = i;

}

</script>

</head>

<body bgcolor="#e4e4e4" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

 

<table width="925" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="709" valign="top">

<table id="toolbar" width="701" height="601" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img partOfMenu="false" src="bild_slices/topplogo_va.jpg" width="11" height="80" alt=""></td>

<td colspan="6">

Flashfilm skall ligga här inom object märken - har provat om den kunde störa, men så var inte fallet</td>

<td colspan="6">

Flashfilm skall ligga här inom object märken - har provat om den kunde störa, men så var inte fallet</td>

<td><img partOfMenu="false" src="bild_slices/toppbanner_ho.jpg" width="9" height="80" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="80" alt=""></td>

</tr>

<tr>

<td colspan="4"><img partOfMenu="false" src="knappar/medlem.jpg" width="46" height="54" alt=""></td>

<td colspan="2"><img partOfMenu="false" src="knappar/medlemslogin.jpg" width="73" height="54" alt=""></td>

<td><img partOfMenu="false" src="knappar/hem.jpg" width="30" height="54" alt=""></td>

<td colspan="3"><img partOfMenu="false" src="knappar/lank_hem.jpg" width="27" height="54" alt=""></td>

<td colspan="4"><img partOfMenu="false" src="bild_slices/navlist_topp.jpg" width="524" height="54" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="54" border="0" alt=""></td>

</tr>

<tr>

<td colspan="2" rowspan="24"><img partOfMenu="false" src="bild_slices/meny_va.jpg" width="17" height="466" alt=""></td>

<td colspan="7" rowspan="2"><img partOfMenu="false" src="bild_slices/bg_meny.jpg" width="137" height="6" alt=""></td>

<td colspan="5"><img partOfMenu="false" src="bild_slices/toppmarg_innehall.jpg" width="546" height="4" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="4" alt=""></td>

</tr>

<tr>

<td colspan="2" rowspan="23"><img partOfMenu="false" src="bild_slices/vmarg_innehall.jpg" width="37" height="462" alt=""></td>

<td rowspan="21"><iframe src="startsida.html" width="483" height="407" valign="top" name="iframe" frameborder="0" marginwidth=0 marginheight=0 scrolling="auto"></iframe></td>

<td colspan="2" rowspan="23"><img partOfMenu="false" src="bild_slices/hmarg_innehall.jpg" width="26" height="462" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="2" alt=""></td>

</tr>

<tr>

<td rowspan="21"><img partOfMenu="false" src="bild_slices/bg_meny-17.jpg" width="3" height="410" alt=""></td>

 

<td colspan="2"><a href="01.html" target="iframe"><img id="1" partOfMenu="true" src="knappar/pil1.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="01.html" target="iframe"><img partOfMenu="false" src="knappar/knapp1.jpg" width="102" height="26" alt=""></a></td>

 

<td rowspan="21"><img partOfMenu="false" src="bild_slices/bg_meny-20.jpg" width="3" height="410" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-21.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="02.html" target="iframe"><img id="2" partOfMenu="true" src="knappar/pil2.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="02.html" target="iframe"><img partOfMenu="false" src="knappar/knapp2.jpg" width="102" height="26" alt=""></a></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

 

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-24.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="03.html" target="iframe"><img id="3" partOfMenu="true" src="knappar/pil3.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="03.html" target="iframe"><img partOfMenu="false" src="knappar/knapp3.jpg" width="102" height="26" alt=""></a></td>

 

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-27.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="04.html" target="iframe"><img id="4" partOfMenu="true" src="knappar/pil4.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="04.html" target="iframe"><img partOfMenu="false" src="knappar/knapp4.jpg" width="102" height="26" alt=""></a></td>

 

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-30.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="05.html" target="iframe"><img id="5" partOfMenu="true" src="knappar/pil5.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="05.html" target="iframe"><img partOfMenu="false" src="knappar/knapp5.jpg" width="102" height="26" alt=""></a></td>

 

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-33.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="06.html" target="iframe"><img id="6" partOfMenu="true" src="knappar/pil6.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="06.html" target="iframe"><img partOfMenu="false" src="knappar/knapp6.jpg" width="102" height="26" alt=""></a></td>

 

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-36.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="07.html" target="iframe"><img id="7" partOfMenu="true" src="knappar/pil7.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="07.html" target="iframe"><img partOfMenu="false" src="knappar/knapp7.jpg" width="102" height="26" alt=""></a></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

 

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-39.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="08.html" target="iframe"><img id="8" partOfMenu="true" src="knappar/pil8.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="08.html" target="iframe"><img partOfMenu="false" src="knappar/knapp8.jpg" width="102" height="26" alt=""></a></td>

 

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false" src="bild_slices/bg_meny-42.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="09.html" target="iframe"><img id="9" partOfMenu="true" src="knappar/pil9.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="09.html" target="iframe"><img partOfMenu="false" src="knappar/knapp9.jpg" width="102" height="26" alt=""></a></td>

 

<td><img partOfMenu="false"src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5"><img partOfMenu="false"src="bild_slices/bg_meny-45.jpg" width="131" height="1" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="1" alt=""></td>

</tr>

<tr>

 

<td colspan="2"><a href="10.html" target="iframe"><img id="10" partOfMenu="true" src="knappar/pil10.jpg" onMouseOver="highlightItem(this, 1)" onMouseOut="highlightItem(this, 0)" onClick="selectItem(this)" width="29" height="26" alt=""></a></td>

 

<td colspan="3"><a href="10.html" target="iframe"><img partOfMenu="false" src="knappar/knapp10.jpg" width="102" height="26" alt=""></a></td>

 

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="26" alt=""></td>

</tr>

<tr>

<td colspan="5" rowspan="2"><img partOfMenu="false" src="bild_slices/bg_meny-48.jpg" width="131" height="141" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="136" alt=""></td>

</tr>

<tr>

<td rowspan="2"><img partOfMenu="false" src="bild_slices/adressbar.gif" width="483" height="55" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="5" alt=""></td>

</tr>

<tr>

<td colspan="2"><img partOfMenu="false" src="bild_slices/knappar/knapp_epost.gif" width="29" height="50" alt=""></a></td>

<td colspan="5"><img partOfMenu="false" src="bild_slices/epost_ho.jpg" width="108" height="50" alt=""></td>

<td><img partOfMenu="false" src="bild_slices/spacer.gif" width="1" height="50" alt=""></td>

</tr>

<tr>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="11" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="6" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="3" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="26" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="3" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="70" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="30" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="2" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="3" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="22" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="15" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="483" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="17" height="1" alt=""></td>

<td> <img partOfMenu="false" src="bild_slices/spacer.gif" width="9" height="1" alt=""></td>

<td></td>

</tr>

</table>

</td>

<td width="227" valign="top">

 

 

</td>

</tr>

</table>

</body>

</html>

 

[/log]

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Det beror på att du har dubbla bilder/länk.

Vet inte hur jag ska förklara det, någon annan pedagogisk person kan, men elementen tar liksom slut i toolBarData efter hälften av länkarna.

Använder du bara en bild/länk så klarar du dig utan att ändra i javascriptet.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Hmm..ok du menar att eftersom jag har en bild (pil1.jpg) som är länkad till 01.html och sedan har jag en bild brevid (knapp1.jpg) som också är länkad till 01.html osv. - det är det som ställer till det?

 

Men, jag har ju satt partOfMenu="true" på den bild som skall vara med i menyn och partOfMenu="false" på den som inte skall inkluderas. Hur kan det bli knas då?

 

Då kanske jag helt enkelt få lägga ner idén...? Skönt med ett svar på vad som strular iaf, även om jag inte riktigt hajjar. :)

 

[inlägget ändrat 2006-05-29 12:59:42 av Kivas]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Hittade två svarsinlägg på en gammal fråga jag ställt här på idg som jag inte givit dig poäng på. Eftersom jag såg att du på topplistan låg på samma plats som en annan så har jag nu givit dig poäng så du kom upp dig lite på listan *kul* :)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Eftersom jag såg att du på topplistan låg på samma plats som en annan så har jag nu givit dig poäng så du kom upp dig lite på listan

Såg listan nu och man var ju med högt uppe :)

Jag buggar och bockar för poängen.

Det är kul att bara hjälpa någon...Särskilt när hjälpen uppskattas :thumbsup:

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...