henkzMedlem sedan apr. 2002183 inlägg Jag använder ett script från "peter_s", som kommer från
http://www.webforum.nu/showthread.php?t=147827&highlight=regValue*
Nu skulle jag vilja använda förvalda tider.
Från db:
myArray = split(bokadetider,";") ex: 10:00;12:00;13;00;22:00;
Hur får jag dessa tider förvalda/markerade?
Någon som kan hjälpa mig?
Samma kod som via länken ovan...
<script type="text/javascript">
function regValue(c)
{
var h = document.forms[0].elements["values"];
if (new RegExp("(" + c.innerHTML + ";)").test(h.value)){
c.style.backgroundColor = "#fff";
h.value = h.value.replace(new RegExp(RegExp.$1), "");
} else {
c.style.backgroundColor = "#eee";
h.value += c.innerHTML + ";";
}
}
</script>
<style type="text/css">
td {
cursor: pointer;
}
</style>
<form>
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onclick="regValue(this)">12:00</td>
</tr>
<tr>
<td onclick="regValue(this)">13:00</td>
</tr>
<tr>
<td onclick="regValue(this)">14:00</td>
</tr>
<tr>
<td onclick="regValue(this)">15:00</td>
</tr>
</table>
<input type="hidden" name="values">
<a href="javascript:void(document.forms[0].submit())">Send values!</a>
</form>
<script type="text/javascript">
function regValue(c)
{
var h = document.forms[0].elements["values"];
if (new RegExp("(" + c.innerHTML + ";)").test(h.value)){
c.style.backgroundColor = "#fff";
h.value = h.value.replace(new RegExp(RegExp.$1), "");
} else {
c.style.backgroundColor = "#eee";
h.value += c.innerHTML + ";";
}
}
[b]
function setColor(c){
c.style.backgroundColor = "#eee";
}
function addEvent(obj, evType, fn, useCapture){
if (obj.addEventListener){
obj.addEventListener(evType, fn, useCapture);
return true;
}
else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else {
alert("Handler could not be attached");
}
};
addEvent(window, "load", function(){
var ii,i=0;
var el = document.getElementsByName("values")[0];
var s = el.value.split(";");
var td=document.getElementsByTagName("td");
for(i=0;i < td.length;i++){
for(var ii=0;ii < s.length-1;ii++){
if(s[ii]==td[i].innerHTML){setColor(td[i]);}
};
};
});
[/b]
</script>
<style type="text/css">
td {
cursor: pointer;
}
</style>
<form>
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onclick="regValue(this)">12:00</td>
</tr>
<tr>
<td onclick="regValue(this)">13:00</td>
</tr>
<tr>
<td onclick="regValue(this)">14:00</td>
</tr>
<tr>
<td onclick="regValue(this)">15:00</td>
</tr>
</table>
<input type="hidden" name="values">
<a href="javascript:void(document.forms[0].submit())">Send values!</a>
</form>
Om du ta ifrån din DB och lägger in det värdet (exempel: 12:00;13:00) utan split så fixars det i JS
henkzMedlem sedan apr. 2002183 inlägg
voigtann1 skrev:
Om du ta ifrån din DB och lägger in det värdet (exempel: 12:00;13:00) utan split så fixars det i JS
Hur lägger jag in värdet från databasen i koden ovan?
ex: myArray = split(bokadetider,";") ex: 10:00;12:00;13;00;22:00;
I din:
<input type="hidden" name="values">
Du behöver inte splitar den..
om du gör det i ASP:
<input type="hidden" name="values" value="<%=bokadetider%>">