toggle functie dmv images
Met onderstaand scriptje kan ik zo een variabele, via een pagina, aanpassen.
Dit werkt perfect.
Maar nu wil ik hetzelfde bereiken dmv images.
VB
Ik heb 8 schakelaars (false= schakelaar uit, true=schakelaar aan)
deze images hebben dan ook die naam, false.jpg en true.jpg
Nu wil ik, indien ik op zo een image klik, dat de bijhorende variabele op true of false gezet, getoggeld dus.
En dit lukt mij maar niet.
Kan me iemand hiermee helpen?
Edit: Oeps, verkeerd forum...
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
var xmlRequest;
function SetDefault() {
var varname = document.getElementById("variable_name").value;
var newval = document.getElementById("NewVal").value;
var msg = 'variable_name=' + varname + '&NewVal=' + newval;
HttpReqPost(msg);
}
function HttpReqPost(sendtext) {
var URL;
URL = "VALUESET.HTM ";
xmlRequest = getXMLHttpRequest();
xmlRequest.open("post", URL);
//xmlRequest.setRequestHeader("variable", "");
xmlRequest.setRequestHeader("Content-Type", "text/xml");
//xmlRequest.setRequestHeader("Connection", "close");
xmlRequest.onreadystatechange = processReqChange;
xmlRequest.send(sendtext);
}
function getXMLHttpRequest() {
if (window.XMLHttpRequest) {
return new window.XMLHttpRequest;
}else{
try {
return new ActiveXObject("MSXML2.XMLHTTP.3.0");
}
catch(ex) {
alert("No http request capability");
return null;
}
}
}
function processReqChange() {
if (xmlRequest.readyState == 4) {
if (xmlRequest.status == 200) {
//window.location="test.htm";
}else{
alert("There was a problem sending the XML data:\n" +
xmlRequest.status + " " + xmlRequest.statusText);
}
}
}
</script>
</head>
<body>
Enter variable (00 - 19) <input id="variable_name" name="variable_name" value="" sise=2>
<br>
Enter new value <INPUT id="NewVal" NAME="NewVal" TYPE="text" SIZE="64" VALUE="">
<br>
<INPUT type="button" value="Set Default" id="button1" name="button1" onclick="return SetDefault()">
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
var xmlRequest;
function SetDefault() {
var varname = document.getElementById("variable_name").value;
var newval = document.getElementById("NewVal").value;
var msg = 'variable_name=' + varname + '&NewVal=' + newval;
HttpReqPost(msg);
}
function HttpReqPost(sendtext) {
var URL;
URL = "VALUESET.HTM ";
xmlRequest = getXMLHttpRequest();
xmlRequest.open("post", URL);
//xmlRequest.setRequestHeader("variable", "");
xmlRequest.setRequestHeader("Content-Type", "text/xml");
//xmlRequest.setRequestHeader("Connection", "close");
xmlRequest.onreadystatechange = processReqChange;
xmlRequest.send(sendtext);
}
function getXMLHttpRequest() {
if (window.XMLHttpRequest) {
return new window.XMLHttpRequest;
}else{
try {
return new ActiveXObject("MSXML2.XMLHTTP.3.0");
}
catch(ex) {
alert("No http request capability");
return null;
}
}
}
function processReqChange() {
if (xmlRequest.readyState == 4) {
if (xmlRequest.status == 200) {
//window.location="test.htm";
}else{
alert("There was a problem sending the XML data:\n" +
xmlRequest.status + " " + xmlRequest.statusText);
}
}
}
</script>
</head>
<body>
Enter variable (00 - 19) <input id="variable_name" name="variable_name" value="" sise=2>
<br>
Enter new value <INPUT id="NewVal" NAME="NewVal" TYPE="text" SIZE="64" VALUE="">
<br>
<INPUT type="button" value="Set Default" id="button1" name="button1" onclick="return SetDefault()">
</body>
</html>
Quote:
Weet ook niet echt waar het moet staan.
Topic verplaatst naar PHP.
SanThe.
Topic verplaatst naar PHP.
SanThe.
Gewijzigd op 01/01/1970 01:00:00 door Luc Zontrop
Maar goed eens effe zien.
Gewijzigd op 01/01/1970 01:00:00 door Karl Karl
Kvind niet waar ik deze in het juiste forum kan zetten...
Dan hang je met javascript aan de plaatjes een javascript event handler (Klik, quirksmode) aan die plaatjes.
Als er dan op zo'n plaatje geklikt is kijk je wat de src is, dan kan je daaruit afleiden of die aan of uit staat. Ook haal je van dat plaatje het id op, dat is dus welke variabele aangepast moet worden. Dan doe je zo'n ajax request. Als je response hebt, die goed is, zet je het plaatje om naar de andere stand.
Allemaal te ingewikkeld? Kijk dan naar jQuery, maakt het wat simpeler.
Oh, en de de html die je nu hebt die is dus niet correct.
Ook moet je er om denken dat als je allemaal javascript gebruikt, dat het dan niet meer werkt als de javascript uitstaat (of als er een foutje is).
Je kunt bijvoorbeeld ook een form maken met checkboxen en dan met javascript er dus plaatjes van maken enzo :-).
Gewijzigd op 01/01/1970 01:00:00 door Karl Karl
die code die ik nu heb werkt wel degelijk. Ik weet niet waarom je zegt dat die niet correct is.
Oproepen van een variable doe ik door Nb_var00 tem Nb_var07 (tussen html tags)
Gooi het eens door http://validator.w3.org dan zie je dat het niet correct is.