5 svar · 250 visningar · startad av maland
Jag har två knappar: ändra och spara
Jag vill att ändra ska vara synlig eller klickbar när sidan laddas. När man sedan klickar på den så ska det vara möjligt att ändra uppgifter i rutorna och spara knappen ska då bli synlig.....Är det möjligt att göra? Och hur gör man så att informationen i textrutorna inte går att ändra förrän man har klickat på ändraknappen?
Hej!
Gå till
http://www.webfx.nu/dhtml/coolbutton2/cb2.html
Där hittar du exempel och kod på hur du löser detta..
@EchO
Åhh..tackar...trodde att det fanns nåt enklare sätt...är inte så hemma på JavaScript. Jobbigt dessutom när förklaringen står på engelska (*bekväm idag*) :-)
Får kolla på det när jag har mer tid
Det är iofs inte så svårt...Du inkluderar scripten i din sida och sedan skapar du bara knapparna med några rader kod...
@EchO
Som jag fattade det så är koden här för att "disabla" knappar
<table class="toolBar" id="disableDemoTable">
<tr>
<td onaction="document.getElementById('disableDemoButton').setEnabled(true)">Enable</td>
<td onaction="document.getElementById('disableDemoButton').setEnabled(false)">Disable</td>
<td id="disableDemoButton"><img src="images/foldericon.gif" align="absmiddle" /> Test Button</td>
</tr>
</table>
<script type="text/javascript">
var table = document.getElementById("disableDemoTable");
for (var i = 0; i < table.rows[0].cells.length; i++)
createButton(table.rows[0].cells);
table.rows[0].cells[2].setEnabled(false);
</script>
Om jag då har knapparna Ändra och Spara. Där Ändra ska vara klickbar direkt sidan öppnas och Spara ska bli klickbar när jag har klickat på Ändra....hur blir det då?
Det här hör egentligen hemma under javascript sidan men du gör så här för att skicka iväg informationen till en ny sida.
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<link type="text/css" rel="StyleSheet" href="cb2.css">
<script type="text/javascript" language="JavaScript1.5" src="ieemu.js"></script>
<script type="text/javascript" src="cb2.js"></script>
<script language="JavaScript">
<!--
function echo() { //v1.0
document.mittform.submit()
}
//-->
</script>
</HEAD>
<BODY>
<P> </P>
<table class="toolBar" id="disableDemoTable">
<form name="mittform" method="post" action="test.asp">
<p>
<input type="text" name="textfield">
</p>
<p>
<input type="text" name="textfield2">
<br>
</p>
<tr>
<td onaction="document.getElementById('disableDemoButton').setEnabled(true)">Enable</td>
<td onaction="document.getElementById('disableDemoButton').setEnabled(false)">Disable</td>
<td onclick="echo()" id="disableDemoButton"><img src="images/foldericon.gif" align="absmiddle" /> Test Button</td>
</tr>
</form>
</table>
<script type="text/javascript">
var table = document.getElementById("disableDemoTable");
for (var i = 0; i < table.rows[0].cells.length; i++)
createButton(table.rows[0].cells[i]);
table.rows[0].cells[2].setEnabled(false);
</script>
</BODY>
</HTML>
@EchO