Avatar billede alex15 Nybegynder
05. februar 2010 - 14:17 Der er 6 kommentarer og
1 løsning

Lav følgende lille kode om til sumbit knap i form

Hej allesammen,

På nuværende tidspunkt anvender jeg følgende kode til at linke imellem forskellige sider:

HTML:

<div class="menu">
  <a href='xxx.php'><img src='billede.png' /><br />Save</a>
</div>

CSS:

div.menu {float:left;}
div.menu a  {float:left;}
div.menu a:link {float:left;}
div.menu a:hover {float:left;}

---

Mit spørgsmål går så på, hvordan laver jeg denne knap om til en submit knap i <form>?

Altså så <div class="menu"> og er inkluderet?

Alex
Avatar billede lolman Nybegynder
05. februar 2010 - 14:59 #1
Du kan tilføje onclick på dit a tag:

<form id="DinFormsId">
<a href='xxx.php' onclick="document.DinFormsId.submit()"><img src='billede.png' /><br />Save</a>

Men du kan også gøre det med et input felt

<input type="image" src="billede.png" />
Avatar billede alex15 Nybegynder
05. februar 2010 - 15:08 #2
Ovenstående kode får bare ikke mine dataer fra CSS filen med?

Altså teksten under billeder skifter ikke længere farve som det gjorde før?

Her er min CSS fil. - Som du kan se, skal jeg gerne have teksten til uden billede til at skifte farve, når jeg fører musen ind i <div> zonen?

div.menu_knap {color:#06C;}
div.menu_knap a  {display:block; color:#06C;}
div.menu_knap a:link {display:block; color:#000;}
div.menu_knap a:hover {display:block; color:#000;}

Hvad kan man gøre ved dette problem?
Avatar billede alex15 Nybegynder
05. februar 2010 - 15:32 #3
Fik følgende kode til at fungere:

<a href="java script: submitform()" onmouseover="this.style.color = '#00FF00'" onmouseout="this.style.color = '#333333'"><img src='billeder/knap/save.png' /><br />Save</a>

Men kan man ikke smide det i en class i CSS filen i stedet for, så man ikke skal skrive (onmouseover..., onmouseout...) hver gang?
Avatar billede Slettet bruger
05. februar 2010 - 15:57 #4
a { color: #333333; }
a:hover { color: #00FF00; }

Hvis det ikke skal være på alle <a>-elementer så angiv det som en class istedet.
Avatar billede alex15 Nybegynder
05. februar 2010 - 16:03 #5
Hmm, kan ikke få det til at fungere, har skrevet det på følgende måde:

HTML:
<a href="java script: submitform()" class='link_form_1'"><img src='billeder/knap/save.png' /><br />Save</a>

CSS:
a.link_form_1{ color: #333333; }
a.link_form_1:hover { color: #00FF00; }
Avatar billede Slettet bruger
05. februar 2010 - 19:09 #6
Umiddelbart vil jeg mene det burde virke og kan kun komme på én ting der kan skabe sådan et problem.. så jeg vil skyde på du har en anden CSS-kode som overskriver din a.link_form_1
Grunden til din onmouseout/onmouseover virker er pga. den overskriver eventuelle CSS-indstillinger for det pågældne <a>-element.
Det er mit eneste bud lige pt.
Avatar billede alex15 Nybegynder
05. august 2011 - 17:54 #7
Hej, jeg er igang med at lukke af for mine åbne spørgsmål, så hvis i giver lave et svar, så får i lige nogle point for jeres hjælp.

Jeg beklager at jeg ikke har været bedre til at svare tilbage.

Alex
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester