PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
M

Rooster planning

Door Melissa van der Elst op 12-11-2014 19:52
1.708 views
Hi leden,
Het is al een jaar of 6 dat ik niet meer actief ben geweest op PHPhulp (voor het laatst toen de layout nog niet geupdate was)
Na zelf een drukke tijd te hebben gehad eindelijk weer alle tijd voor het maken van website's etc, helaas zitten daar wat opstart probleempjes bij..

Ik ben bezig voor m'n werk om een mooie rooster planning op te zetten, hiervoor wil ik verschillende kleurtjes gebruiken. Hier een voorbeeld:
V = " Vroege Dienst:
M = "Middag dienst"
L = "Late dienst"
Z = "Ziek"
etc, etc...

Nu wil ik dat het blokje (input veld) gelijk mee-kleurt met de ingevoerde letter, een basis aanleggen is me gelukt, Maar helaas ben ik nog niet zover gekomen dat ik het op meerdere input velden kan gebruiken (wat mooi zou zijn als ik de form naam kan selecteren en dat hij elke input apart bekijkt)

Nu over de pagina die ik al heb, hij haalt alle namen van medewerkers uit de Database en plaatst deze onder elkaar, in de velden ernaast (nog een ouderwetse HTML tabel) plaatst hij de input veldjes (5 stuks van ma t/m vr) elk veld moet hierbij worden gekleurd bij de letter. ik weet dus nooit hoeveel velden het zijn, aangezien er ook medewerkers bij kunnen komen.. Om dan elke keer hele lappen code toe te voegen of te verwijderen lijkt me overbodig, kan dit makkelijker? :-)

met 1 input werkt het al:


En alle velden (1 rij is groen door de mouse-over)


Al na veel pogingen niet verder gekomen, als iemand mij wil of kan helpen; graag!

Knuff,
Mèlissa
M
Melissa van der Elst
12-11-2014 21:46
Ik ga h'm direct testen!

Toevoeging op 12/11/2014 22:00:35:

Echt heel erg bedankt -SanThe-, de basis werkt zeker goed, en nu werken ook meerdere velden :-)
Helaas werkt het nog maar op 1 rij, heeft u enig idee hoe dit zo gekomen is?

- SanThe -
12-11-2014 22:07 gewijzigd op 12-11-2014 22:07
Vreemd, hier werkt ie op alle rijen.
Laat je (relevante) code eens zien.
M
Melissa van der Elst
12-11-2014 22:11

<script type="text/javascript">
function inkleuren(id)
{
switch(document.getElementById(id).value)
{
case 'l' : document.getElementById(id).style.backgroundColor = 'red';
break;
case 'v' : document.getElementById(id).style.backgroundColor = 'blue';
break;
case 'z' : document.getElementById(id).style.backgroundColor = 'yellow';
break;
}
}
</script>


<h2><a href="#tab1">Rooster planning</a></h2>
<h1>Rooster - Week: <input type="text" id="Weeknummer" class="roosterweek" maxlength="2" name="Weeknummer"> </h1>
<table id="table_box" class="maintb">

<?php
$query = "SELECT * FROM `personeel` ORDER BY naam";
$resultaat = mysql_query($query) or die(mysql_error());
$aantal = mysql_num_rows($resultaat);

if($aantal >= 1)
{
while($rij = mysql_fetch_array($resultaat))
{
$naam= $rij['naam'];
$voornaam = $rij['voornaam'];
$personeelsnummer= $rij['personeelsnummer'];
echo '<tr><td>'.$naam.','.$voornaam.' ('.$personeelsnummer.')</td>';
foreach(array('ma','di','wo','do','vr') as $dag)
{
echo '<td ><input type="text" onkeyup="inkleuren(\''.$dag.$personeelsnummer.'\');" id="'.$dag.$personeelsnummer.'" class="rooster" maxlength="1" name="'.$dag.$personeelsnummer.'"></td>';
}
echo '</tr>';
}
}
?>

</table>


<?php include("htmlbottom.php"); ?>



Toevoeging op 12/11/2014 22:13:45:

Het is gelukt! Had een stukje niet aangepast :-)

Echt heeeel erg bedankt!
- SanThe -
12-11-2014 22:14 gewijzigd op 12-11-2014 22:14
Dat is wat ik ook heb.

Laat de broncode van de pagina eens zien. Alleen van de inputvelden.
M
Melissa van der Elst
12-11-2014 22:15
Hi -SanThe- Ik wil je echt heel erg bedanken! Je hebt me goed op weg geholpen :)
Ik had zelf een stukje code niet verwijderd waardoor hij niet goed liep. Nu loopt hij echter meer dan goed!

- SanThe -
12-11-2014 22:17
Dat is mooi.

Veel succes verder.
En we zien je weer als je ergens niet uit komt.

Reageren

Inloggen om te reageren