webForumDet fria alternativet

Submitknapp med textlänk

HTML & CSSur HTML, XHTML & CSS

5 svar · 428 visningar · startad av SoMeOnE

Medlem sedan nov. 200254 inlägg
Frågan#1

Jag försöker hitta en lösning som inte använder javascript. Går det att gör en submitknapp av text utan javascript, alltså precis som en vanlig länk men som använder submit? Ska försöka få bort alla javascript från en webshop som använder sig av flera språk som hämtas ut ur en databas så jag vill helst slippa exportera bilder som kan användas som submitknapp.

Jag testade att med css ta bort borders, bakgrund osv på en submit-knapp så bara texten var kvar men i IE så la den till mycket padding på sidorna av texten så den blev för stor. Att ställa in en bestämd brädd är inte ett alternativ då jag inte vet hur lång texten kommer vara.

Koden jag använder för tillfället står nedanför. {$page->language['trolley_button_remove_items']} är texten som hämtas ut från databasen och ska göras om till en submitknapp, eller ännu bättre hela tabellen som gör att det ser ut som en knapp.

<table cellpadding="0" cellspacing="0" onclick="document.update_product.submit();" style="display: inline;cursor:pointer;">
<tr style="height: 17px;">
	<td class="ButtonSmallLeft"><img src="" style="width: 4px;" alt=""></td>
	<td style="background: #FF3366;">{$page->language['trolley_button_remove_items']}</td>
	<td class="ButtonSmallRight"><img src="" style="width: 4px;" alt=""></td>
</tr>
</table>
Medlem sedan nov. 200013 890 inlägg
#2

SoMeOnE skrev:

Jag testade att med css ta bort borders, bakgrund osv på en submit-knapp så bara texten var kvar men i IE så la den till mycket padding på sidorna av texten så den blev för stor. Att ställa in en bestämd brädd är inte ett alternativ då jag inte vet hur lång texten kommer vara.

Jag gör ett CSS-försök:

<input type="submit" style="overflow:visible;border:none;padding:none;" value="Lilla knapp" />
Medlem sedan nov. 200254 inlägg
#3

overflow:visible borde göra så det blir rätt, men tabellen som knappen ligger i tror fortfarande att knappen är den "riktiga" storleken så den blir mycket större än vad som behövs. Så det där fungerar i FF men inte IE :(

Medlem sedan nov. 20051 317 inlägg
#4

Använder den här länken javascript?

<a href="default.asp" onclick="submit();">Min submitknapp som inte är en knapp utan en länk!</a>
Medlem sedan juni 200032 967 inlägg
#5

Använder den här länken javascript?

Ja, men den fungerar inte.

Medlem sedan nov. 20051 317 inlägg
#6

@nders skrev:

Använder den här länken javascript?

Ja, men den fungerar inte.

okej, sorry, är inte så bra på javascript!

144 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)