O
Oreo
New member
- Beiträge
- 4
- Punkte Reaktionen
- 0
Hallo, bin Anfänger. Ich will beim Aufruf der Seite ein Infofenster erscheinen lassen, das dann nach einigen Sekunden wieder verschwindet. Mit Hilfe von Google habe ich mir auch etwas gebastelt, was bei Ansicht im HTML-Editor auch klappt (siehe Screenshot 1), in der Homepage aber nicht (siehe Bild 2) - hier scheint sozusagen die Formatierung verloren zu gehen. Was mache ich falsch? Kann man das aus diesen Informationen erkennen? Danke jedenfalls.
Der Code lautet:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#message").dialog({width: 500, height: 290});
setTimeout(function(){$("#message").dialog("close")}, 16000);
});
</script>
<style>
#message {
font: 15px Arial, sans-serif;
border-left: 2px solid #FF9900;
border-right: 2px solid #FF9900;
border-bottom: 2px solid #FF9900;
background-color: #FFFFCC;
}
</style>
</head>
<body>
<div id="message" title="Guten Morgen">
<p align="center">
<font color='#663300'>
Hier kommt dann die Nachricht hin.
</div>
</body>
</html>
Der Code lautet:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#message").dialog({width: 500, height: 290});
setTimeout(function(){$("#message").dialog("close")}, 16000);
});
</script>
<style>
#message {
font: 15px Arial, sans-serif;
border-left: 2px solid #FF9900;
border-right: 2px solid #FF9900;
border-bottom: 2px solid #FF9900;
background-color: #FFFFCC;
}
</style>
</head>
<body>
<div id="message" title="Guten Morgen">
<p align="center">
<font color='#663300'>
Hier kommt dann die Nachricht hin.
</div>
</body>
</html>
Anhänge
