Software Schnipsel
Java
Snippes
Wetterbox-Code
Bei dynamischen Seiten können Sie die PLZ auch im
Aufrufcode der Box flexibel ändern ("...PLZ=12345...").
<script type="text/javascript" language="javascript"
src="http://www.donnerwetter.de/wetter/net/boxregio.mv?
typ=1&plz=04552&color_bg=FFFF80&color_hi=FFFFFF&color_txt=8
08000&width=150"></script>
<noscript>JavaScript ist deaktiviert - leider sehen Sie
hier kein aktuelles Wetter. <a
href="http://www.donnerwetter.de"
target="_blank">www.Donnerwetter.de</a></noscript>
Akkordeon - Registerkarte
Der JavaScript-Cod der HTML-Seiten:
<link type="text/css" href="css/ui-lightness/jquery-ui-
1.8.18.custom.css" rel="stylesheet" />
<script type="text/javascript"
src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript"
src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Accordion
$("#accordion").accordion({ header: "h1"
});
// Tabs
$('#tabs').tabs();
});
</script>
JavaScript-Cod der externen Datei
<!-- Accordion -->
<div id="accordion">
<div>
<h1><a style="font-size:12px" href="#">Region</a></h1>
<div style="font-family:Arial, Helvetica, sans-serif;
color:#C03;
font-size:10px"></div>
</div>
</div>
<!-- Accordion -->
<script type="text/javascript" src="countdown/jquery-
1.3.2.min.js"></script>
<script type="text/javascript"
src="countdown/jquery.countdown.js"></script>
<script type="text/javascript">
$(function () {
$('#defaultCountdown').countdown({
until: new Date(2012, 07 - 1, 1, 0, 0, 0),
//Enddatum 01.10.2010
//until: +8000000,
format: 'YDHMS',
layout: '<div id="t7_timer">'+
'<div id="t7_vals">'+
'<div id="t7_y" class="t7_numbs">{ynn}</div>'+
'<div id="t7_d" class="t7_numbs">{dnnn}</div>'+
'<div id="t7_h" class="t7_numbs">{hnn}</div>'+
'<div id="t7_m" class="t7_numbs">{mnn}</div>'+
'<div id="t7_s" class="t7_numbs">{snn}</div>'+
'</div>'+
'<div id="t7_labels">'+
'<div id="t7_yl" class="t7_labs">Jahre</div>'+
'<div id="t7_dl" class="t7_labs">Tage</div>'+
'<div id="t7_hl" class="t7_labs" style="text-
align:center;
">Std.</div>'+
'<div id="t7_ml" class="t7_labs" style="text-
align:center;
">Min.</div>'+
'<div id="t7_sl" class="t7_labs" style="text-
align:center;
">Sek.</div>'+
'</div>'+
'<div id="t7_timer_over"></div>'+
'</div>'
});
});
</script>
html, body {
}
/* copy styles */
h1, h2, h3, h4, p, li {
font-family : Helvetica, Arial, Sans-Serif;
text-align : left;
}
pre {
font-family: "Courier New", Courier, Monaco,
monospace;
text-align: left;
font-size: 14px;
font-weight: bold;
}
h1, h2 {
font-size: 20px;
font-weight: bold;
}
p, li {
font-size: 14px;
font-weight: normal;
margin: 0px 0px 10px 0px;
}
td, th {
font-family : Helvetica, Arial, Sans-Serif;
font-size: 20px;
margin: 0px;
}
#t7_timer {
width: 300px;
height: 80px;
position: relative;
}
#t7_timer_over {
width: 200px;
height: 80px;
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 1px;
padding: : 0px;
}
#t7_vals {
width: 100%;
clear:both;
margin: 0px auto;
}
.t7_numbs {
font-size: 16px;
font-family: Arial, sans-serif;
font-weight: bold;
text-align: center;
color: #FFF;
}
#t7_y {
background-repeat: no-repeat;
float:left;
width: 45px;
height:25px;
margin: 1px;
letter-spacing: 7px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
background-image:
url(images/vista1/btn_magenta.gif);
}
#t7_d {
background-repeat: no-repeat;
float:left;
width: 30px;
height:20px;
margin: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-top: 3px;
background-image: url(../images/74.png);
}
#t7_h {
background-repeat: no-repeat;
float:left;
width: 30px;
height:20px;
margin: 1px;
letter-spacing: 7px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
background-image: url(../images/74.png);
}
#t7_m {
background-repeat: no-repeat;
float:left;
width: 30px;
height:20px;
margin: 1px;
letter-spacing: 7px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
background-image: url(../images/74.png);
}
#t7_s {
background-repeat: no-repeat;
float:left;
width: 30px;
height:20px;
margin: 1px;
letter-spacing: 7px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
background-image: url(../images/74.png);
}
#t7_labels {
width: 100%;
clear:both;
margin: 0px auto;
}
.t7_labs {
font-size: 10px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
text-align: center;
color: #F00;
}
#t7_yl {
float:left;
width: 45px;
height:25px;
padding:0px;
margin: 0px;
}
#t7_dl {
float:left;
width: 30px;
height:20px;
margin: 1px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
}
#t7_hl {
float:left;
width: 30px;
height:20px;
margin: 1px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
}
#t7_ml {
float:left;
width: 30px;
height:20px;
margin: 1px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
}
#t7_sl {
float:left;
width: 30px;
height:20px;
margin: 1px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
}
#defaultCountdown {
text-align: center;
height: 70px;
width: auto;
float: left;
}