Javascript controle
Ik kom niet helemaal uit onderstaand en ik hoop dat iemand me opweg kan helpen...
Ik heb 2 javascriptjes, de eerste controleert of veld image leeg is en de 2e laat een div zien bij onclick button.
Als ik nou op de button klik dan verschijnt én de loading gif en de foutmelding.
Is het mogelijk om eerst de rules.push te doen en als die ok zijn door te gaan naar de togglefunctie?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
var rules = new Array();
rules.push("required,image1, image1 required .");
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>
var rules = new Array();
rules.push("required,image1, image1 required .");
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>
//Form start
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<form method="post" onSubmit=\'return validateFields(this, rules)\' enctype="multipart/form-data"
//Button
<button id="displayText" class="green" onclick="toggle();" type="submit" name="uploadImage" value="zenden">
//Loading div gif
<div id="toggleText" style="display: none"><img src="../images/loading.gif"/></div>
//Button
<button id="displayText" class="green" onclick="toggle();" type="submit" name="uploadImage" value="zenden">
//Loading div gif
<div id="toggleText" style="display: none"><img src="../images/loading.gif"/></div>
Dus inderdaad ... eerst wordt toggle uitgevoerd, daarna pas validateFields.
Dat moet dus omgekeerd worden.
Toon eens function validateFields
Checkt eerst od de files geselecteerd zijn en dan laat ie de div met loading gif zien
@Bedankt Kris.
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
var rules = new Array();
function validateForm(){
if (x==null || x=="")
{
alert("Select all images!");
return false;
}
else
{
var ele = document.getElementById("uploadbar");
var text = document.getElementById("displayText");
ele.style.display = "block";
text.innerHTML = "uploaden";
}
}
</script>
//div
<div id="toggleText" style="display: none"><img src="../images/loading.gif"/></div>
//form submit
onSubmit="return validateForm()"
var rules = new Array();
function validateForm(){
if (x==null || x=="")
{
alert("Select all images!");
return false;
}
else
{
var ele = document.getElementById("uploadbar");
var text = document.getElementById("displayText");
ele.style.display = "block";
text.innerHTML = "uploaden";
}
}
</script>
//div
<div id="toggleText" style="display: none"><img src="../images/loading.gif"/></div>
//form submit
onSubmit="return validateForm()"