Problem mit jscalendar und ie7
hi, habe wieder mal ein recht merkwürdiges Problem. Diesmal betrifft es eine Kalenderkomponente (jscalendar von dynarch.com) und den IE7. DAs merkwürdige ist, dass die Implementierung eins zu eins von den Examples übernommen wurde und es wieder mal nur unter Firefox funktioniert. Ich bin danach hin gegangen und habe eine .html Seite gemacht deren Code wie folgt ausschaut:
mit diesem Codekonstrukt funktioniert der kalender auch unter IE7. Wichtig für den Kalender sind die includierten Dateien, der Button neben dem Feld und das JS codeschnipsel unterhalb des Formulars. Bei der SEite, die Probleme bereitet sieht der Code folgendermaßen aus:
Das Merkwürdige ist, dass ich meine Meinung nach nichts anders gemacht habe und es funktioniert trotzdem nicht. Hat da einer eine Idee woran das liegen könnte?
thx schonmal
<!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" xml:lang="en" lang="en">
<head>
<title>Webportal</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">@import url(calendar/skins/aqua/theme.css);</style>
<script type="text/javascript" src="calendar/calendar.js"></script>
<script type="text/javascript" src="calendar/lang/calendar-de.js"></script>
<script type="text/javascript" src="calendar/calendar-setup.js"></script>
</head>
<body>
<form method="post" action=test.html>
<table border="0">
<tr>
<th scope="row"><div align="left">Datum</div></th>
<td align="left">
<label>
<input readonly type="text" id="meeting" name="datum"><input type="reset" id="calendar" value="..." />
</label> </td>
</tr>
<tr>
<th scope="row"> </th>
<td align="right">
<label>
<input type="submit" name="submit" value="Speichern" />
</label> </td>
</tr>
</table>
</form>
<script type="text/javascript">
Calendar.setup(
{
inputField : "meeting", // ID of the input field
button : "calendar" // ID of the button
}
);
</script>
</body>
</html>
...(Zeilen entfernt)
<?php
//Auslesen der DropDown Box
$query = "Select * from tblprojekt";
$result = dummySelect($query, $server, $username, $password, $database);
$anzahl = mysql_num_rows($result);
$query = "Select * from tblmeetingart";
$result2 = dummySelect($query, $server, $username, $password, $database);
$anzahl2 = mysql_num_rows($result2);
?>
<form method="post" action='<?php echo htmlspecialchars($_SERVER['PHP_SELF']). "?$sName=$sID"; ?>'>
<table border="0">
<tr>
<th scope="row"><div align="left">Projekt</div></th>
<td align="left">
<label>
<select name="projekt" size="1">
<option selected value="default"> --- select --- </option>
<?php
//DropDown dynamisch befüllen
for ($i=1; $i<=$anzahl; $i++) {
$datensatz = mysql_fetch_array($result);
echo "<option value=\"" . $datensatz['id'] . "\">" . $datensatz['projektName'] . "</option>";
}
?>
</select>
</label>
</td>
</tr>
<tr>
<th scope="row"><div align="left">MeetingArt</div></th>
<td align="left">
<label>
<select name="meetingart" size="1">
<option selected value="default"> --- select --- </option>
<?php
//DropDown dynamisch befüllen
for ($i=1; $i<=$anzahl2; $i++) {
$datensatz2 = mysql_fetch_array($result2);
echo "<option value=\"" . $datensatz2['id'] . "\">" . $datensatz2['art'] . "</option>";
}
?>
</select>
</label>
</td>
</tr>
<tr>
<th scope="row"><div align="left">Titel</div></th>
<td align="left">
<label>
<input type="text" name="titel" <?php if(isset($_POST['titel'])){echo "value='".$_POST['titel']."'";} ?> onFocus="focusField('Titel');" onBlur="lostFocus();">
<?php
if (!$titel) {
echo '<span style ="color:red">*</span>';
}
?>
</label> </td>
</tr>
<tr>
<th scope="row"><div align="left">Datum</div></th>
<td align="left">
<label>
<input readonly type="text" id="meeting" name="datum" <?php if(isset($_POST['datum'])){echo "value='".$_POST['datum']."'";} ?> onFocus="focusField('Datum');" onBlur="lostFocus();"><input type="reset" id="calendar" value="..." />
<?php
if (!$datum) {
echo '<span style ="color:red">*</span>';
}
?>
</label> </td>
</tr>
<tr>
<th scope="row"><div align="left">Inhalt
<?php
if (!$inhalt) {
echo '<span style ="color:red">*</span>';
}
?></div></th>
<td align="left">
<label>
<textarea name="inhalt" cols="30" rows="10" onFocus="focusField('Inhalt');" onBlur="lostFocus();"><?php if(isset($_POST['inhalt'])){echo $_POST['inhalt'];}?></textarea>
</label> </td>
</tr>
<tr>
<th scope="row"> </th>
<td align="right">
<label>
<input type="submit" name="submit" value="Speichern" />
</label> </td>
</tr>
</table>
</form>
<script type="text/javascript">
Calendar.setup(
{
inputField : "meeting", // ID of the input field
button : "calendar" // ID of the button
}
);
</script>
...(Zeilen entfernt)
thx schonmal
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 90918
Url: https://administrator.de/contentid/90918
Ausgedruckt am: 22.11.2024 um 17:11 Uhr