Avatar billede leif Seniormester
28. maj 2009 - 16:13 Der er 1 kommentar og
1 løsning

Ajax - Ændre knap

Hej,

Jeg har en knap til at ændre et statusfelt, men når jeg har trykket på knappen vil jeg gerne have knappen til at ændre sig, jeg bruger følgende til at gemme værdien med:
//Code Start

<form name='status' onsubmit='statusgem(); return false'>
<input type="hidden" id="statusvalue" value="0" />
<input type='button' onclick='statusgem()' value='Sæt Aktiv' onsubmit='#'/>
</form>


<script language="javascript" type="text/javascript">
<!--
//Browser Support Code
function statusgem(){
        var ajaxRequest;  // The variable that makes Ajax possible!

        try{
                // Opera 8.0+, Firefox, Safari
                ajaxRequest = new XMLHttpRequest();
        } catch (e){
                // Internet Explorer Browsers
                try{
                        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                        try{
                                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e){
                                // Something went wrong
                                alert("Your browser broke!");
                                return false;
                        }
                }
        }
        // Create a function that will receive data sent from the server
        ajaxRequest.onreadystatechange = function(){
                if(ajaxRequest.readyState == 4){
                        document.status.time.value = ajaxRequest.responseText;
                }
        }
        var statusvalue = document.getElementById('statusvalue').value;
        var queryString = "?status=" + statusvalue;
        ajaxRequest.open("GET", "status.php" + queryString, true);
        ajaxRequest.send(null);
        document.getElementById("statusse").innerHTML = statusvalue;
}


//-->
</script>
//Code End


Således så når der er trykket Sæt Aktiv så bliver knappen lavet om til at hedde Sæt i Bero og statusvalue bliver 1

mvh.
Leif
Avatar billede ebusiness Nybegynder
28. maj 2009 - 17:06 #1
Hele formularen ser lidt overflødig ud, du burde kunne klare det bare med en simpel knap og en global javascript variabel i stedet for et skjult felt.

Teksten ændrer du blot ved at ændre value værdien af knappen, giv den et id så den er let at tilgå:

<input id='knap' type='button' onclick='statusgem()' value='Sæt Aktiv'/>

document.getElementById('knap').value="Sæt i Bero"

En ting til, du må ikke give et element samme id som navnet på en javascript variabel, det går galt i IE.
Avatar billede leif Seniormester
05. juli 2009 - 23:24 #2
Det blev til en helt anden løsning, da andre behov opstod....
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