Søg
Avatar billede tubber Juniormester
30. august 2003 - 00:40 Der er 12 kommentarer og
1 løsning

Advanceret knapper

Hej experter....

Jeg sidder og laver nogle knapper til en hjemmeside....

Men jeg kan ikke helt få det til at funke.......

Jeg har flere knapper i min menu, og de skal funke på følgende måde (jeg omtaler knappernes tilstand som position):

Når siden loader så har alle knapper position 1.

Når jeg så kører musen over en knap skal den ha position 2.
(her til er jeg kommet, koden jeg har brugt kommer senere)

Det jeg så vil ha er når man trykker på en knap får den position 3.

Når man så kører musen over knappen med position 3 får den en position 4.

Når man så trykker på en ny knap går den til position 3, og den der var position 3 går til position 1.


Koden der er blevet brugt til min mouseover er:
<A HREF="event.asp" TARGET="Skift"
            onMouseOver="changeImg('pics/event2.gif', 'event');"
            onMouseOut="changeImg('pics/event1.gif', 'event');">
            <img name="event" border= "0" src= "pics/event1.gif" BORDER="0"></A>

/Tubber
Avatar billede tubber Juniormester
30. august 2003 - 00:41 #1
Det må også gerne være VBScript hvis det er nemmere, da jeg bruger en IFrame, så er NS brugere alligevel udelukket......
Avatar billede babyworm Nybegynder
30. august 2003 - 01:01 #2
www.viewsource.dk er fyldt med færdige scripts..! :)
Avatar billede tubber Juniormester
30. august 2003 - 01:01 #3
Hov det var kun noget af scriptet....det der er ovenover er det der er ved linket, selve scripetet som står i headderen kommer her:

<script language="JavaScript">
    img = new Image;
    function changeImg(imgName, target) {
    img.src = imgName;
    document[target].src = img.src;
    }
</script>
Avatar billede tubber Juniormester
30. august 2003 - 02:22 #4
Der er ikke det jeg leder efter....
Avatar billede grunken Nybegynder
30. august 2003 - 02:27 #5
prøv det her ;D


<script language="javascript" type="text/javascript">
n = 0;

function skift(e, mode){
  img = document.getElementById(e)
  vis = img.src

  if (mode=="klik"){
  if (n==0){
    img.src = vis.substring(0,vis.indexOf(".")-1)+"3.gif"
    n = document.getElementById(e);
  }else{
    n.src = n.src.substring(0,n.src.indexOf(".")-1)+"1.gif";
    img.src = vis.substring(0,vis.indexOf(".")-1)+"3.gif"
    n = document.getElementById(e);
  }
  }
  if (vis.charAt(vis.length-5)<3){
  if (mode=="over")img.src = vis.substring(0,vis.indexOf(".")-1)+"2.gif";
  if (mode=="out")img.src = vis.substring(0,vis.indexOf(".")-1)+"1.gif";
  }else{
  if (mode=="over")img.src = vis.substring(0,vis.indexOf(".")-1)+"4.gif";
  if (mode=="out")img.src = vis.substring(0,vis.indexOf(".")-1)+"3.gif";
  }
}

</script>


<A HREF="java script:void(0)" TARGET="Skift"
            onMouseOver="skift('event','over');"
            onclick="skift('event','klik');"
            onMouseOut="skift('event','out');">
            <img ID="event" border= "0" src= "billeder/billede1.gif" BORDER="0"></A>

<BR>

<A HREF="java script:void(0)" TARGET="Skift"
            onMouseOver="skift('info','over');"
            onclick="skift('info','klik');"
            onMouseOut="skift('info','out');">
            <img ID="info" border= "0" src= "pics/info1.gif" BORDER="0"></A>
Avatar billede grunken Nybegynder
30. august 2003 - 02:28 #6
det eneste du skal er at sørge for at billederne event1,event2,event3,event4

har lige bygget den så brok bare løs, hvis den lugter ;D
Avatar billede grunken Nybegynder
30. august 2003 - 02:50 #7
og så er functionen lige piftet lidt op!

<script language="javascript" type="text/javascript">
n = 0;
function skift(e, mode){

  img = document.getElementById(e)
  vis = img.src
  ext = vis.substring(vis.indexOf(".")) 
  nu  = vis.substring(0,vis.indexOf(".")-1)

  if (mode=="klik"){
  if (n==0){
    img.src = nu+"3.jpg"
    n = document.getElementById(e);
  }else{
    n.src = n.src.substring(0,n.src.indexOf(".")-1)+"1"+ext;
    img.src = nu+"3"+ext;
    n = document.getElementById(e);
  }
  }

  if (vis.charAt(vis.length-5)<3){
  if (mode=="over")img.src = nu+"2"+ext;
  if (mode=="out")img.src = nu+"1"+ext;
  }else{
  if (mode=="over")img.src = nu+"4"+ext;
  if (mode=="out")img.src = nu+"3"+ext;
  }
}
</script>
Avatar billede grunken Nybegynder
30. august 2003 - 02:54 #8
3 gang lykkens gang ;)

<script language="javascript" type="text/javascript">
n = 0;
function skift(e, mode){
  img = document.getElementById(e)
  vis = img.src
  nu  = vis.substring(0,vis.indexOf(".")-1)

  if (mode=="klik"){
  if (n==0){
    img.src = nu+"3.jpg"
    n = img;
  }else{
    n.src = n.src.substring(0,n.src.indexOf(".")-1)+"1.jpg";
    img.src = nu+"3.jpg"
    n = img;
  }
  }

  if (vis.charAt(vis.length-5)<3){
  if (mode=="over")img.src = nu+"2.jpg";
  if (mode=="out")img.src = nu+"1.jpg";
  }else{
  if (mode=="over")img.src = nu+"4.jpg";
  if (mode=="out")img.src = nu+"3.jpg";
  }
}
</script>

håber du kan bruge det ;)
Avatar billede grunken Nybegynder
30. august 2003 - 02:58 #9
LOOOOOOOOL

<script language="javascript" type="text/javascript">
n = 0;
function skift(e, mode){

  img = document.getElementById(e);
  vis = img.src;
  ext = vis.substring(vis.indexOf("."));
  nu  = vis.substring(0,vis.indexOf(".")-1);

  if (mode=="klik"){
  if (n==0){
    img.src = nu+"3"+ext;
    n = img;
  }else{
    n.src = n.src.substring(0,n.src.indexOf(".")-1)+"1"+ext;
    img.src = nu+"3"+ext;
    n = img;
  }
  }

  if (vis.charAt(vis.length-5)<3){
  if (mode=="over")img.src = nu+"2"+ext;
  if (mode=="out")img.src = nu+"1"+ext;
  }else{
  if (mode=="over")img.src = nu+"4"+ext;
  if (mode=="out")img.src = nu+"3"+ext;
  }
}
</script>
Avatar billede grunken Nybegynder
30. august 2003 - 03:19 #10
hehe, du er forhåbenligt gået i seng!

dette her er så måden du skal lave det på!, men nu er alle de spæde barnefejl osse rettet ;)

<script language="javascript" type="text/javascript">
n = 0;
function skift(e, mode){

  img = document.getElementById(e);
  vis = img.src;
  ext = vis.substring(vis.lastIndexOf("."));
  nu  = vis.substring(0,vis.lastIndexOf(".")-1);

  if (mode=="klik"){
  if (n==0){
    img.src = nu+"3"+ext;
    n = img;
  }else{
    n.src = n.src.substring(0,n.src.lastIndexOf(".")-1)+"1"+ext;
    img.src = nu+"3"+ext;
    n = img;
  }
  }

  if (vis.charAt(vis.length-5)<3){
  if (mode=="over")img.src = nu+"2"+ext;
  if (mode=="out")img.src = nu+"1"+ext;
  }else{
  if (mode=="over")img.src = nu+"4"+ext;
  if (mode=="out")img.src = nu+"3"+ext;
  }
}
</script>


<A HREF="java script:void(0)" TARGET="Skift"
            onMouseOver="skift('event','over');"
            onclick="skift('event','klik');"
            onMouseOut="skift('event','out');">
            <img ID="event" border= "0" src= "pics/event1.gif" BORDER="0"></A>

<BR>

<A HREF="java script:void(0)" TARGET="Skift"
            onMouseOver="skift('info','over');"
            onclick="skift('info','klik');"
            onMouseOut="skift('info','out');">
            <img ID="info" border= "0" src= "pics/info1.gif" BORDER="0"></A>


GODNAT ;)
Avatar billede Slettet bruger
30. august 2003 - 10:09 #11
tubber>> Lige til din opysning: NS6+ understøtter iframe.
Avatar billede tubber Juniormester
30. august 2003 - 10:15 #12
JA jeg var gået i seng :O) og det er jeg ret glad for tror jeg nok hehehe
syntes også der skal være så man kan give artist eller cirkus point, dem får i hvertfald lige 10 af her for det gode humør selv om du sidder og snakker med dig selv LOOOOOOL

Men bortset fra det, så var det LIGE det jeg skulle bruge - mange mange tak :O)
200 velfortjente points til dig

Ja når du nu engang er vågen igen for du sover vel nu !

/Tubber
Avatar billede tubber Juniormester
30. august 2003 - 10:16 #13
Ok det vidste jeg ikke.....takker for oplysningen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
24/0811:16 problem med mailbesked Af Pestilensen i Excel
24/0810:45 Powerbank Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »