5 svar · 244 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?
------------------
.: Malin :.
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
------------------
.: Malin :.
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å?
------------------
.: Malin :.
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