closed
Goto Top

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:

<!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">&nbsp;</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>
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:
...(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">&nbsp;</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)
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

Content-Key: 90918

Url: https://administrator.de/contentid/90918

Ausgedruckt am: 28.03.2024 um 21:03 Uhr