Kellékek

A weblap sablonokat könnyen átalakíthatod.
Tartalmazák az alap index.html oldalt.
Ez alapján bármilyen oldalt létre hozhatsz.
Csak a html kódolás alapjait kell ismerned!

Kellékek | Naptárak | Naptár 6

Válaszd ki a megjeleníteni kívánt kelléket!

Demo: PopUp ablakban nyíló táblás naptár 2.

Egyszerű táblás naptár . Klikkelj a feliratra és megjelenik a naptár.

Kód: Head része

<script type="text/javascript" language="javascript">
function HTML(p){
 if(!p){
  /*default*/
  p='A action align alt B background Base bgcolor BIG BLINK BODY border bordercolor bordercolordark bordercolorlight Br cellpadding cellspacing checked color cols colspan compact content dir DIV enctype face FONT FORM H1 H2 H3 H4 H5 H6 HEAD height Hr href hspace HTML I id Img Input lang language leftmargin LI marginheight marginwidth maxlength Meta method name NOSCRIPT noshade nowrap OL onblur onchange onclick onfocus onload onmouseout onmouseover onreset onselect onsubmit onunload OPTION P PRE profile readonly rows rowspan SCRIPT SELECT size SMALL SPAN src start STRIKE STYLE style SUB SUP TABLE target TD TEXTAREA TH TITLE title topmargin TR TT type U UL valign value vspace width wrap'
 };
 String.prototype.write=function(){
  document.write(this);
  return this 
 };
 String.prototype.alert=function(){
  window.alert(this);
  return this 
 };
 String.prototype.status=function(){
  window.status=this;
  return this 
 };
 var x=[
 function(W){var q=String.fromCharCode(34);return ' x='+q+((typeof(W)!='undefined')?W:'x')+q}/*attr*/,
 function(W){return '<x'+((typeof(W)!='undefined')?W:'')+' />'}/*tag*/,
 function(W){return '<x'+((typeof(W)!='undefined')?W:'')+'>'+this+'</'+'x>'}/*container*/,
 function(W){var o='<x'+((typeof(W)!='undefined')?W:'')+' />';return o+this.join(o)}/*tags*/,
 function(W){var o='<x'+((typeof(W)!='undefined')?W:'')+'>';var c='</'+'x>';return o+this.join(c+o)+c}/*containers*/
 ];
 var j=[];
 var f=0;
 var a=p.split(' ');
 var t,u,l;
 for(var i=0;i<a.length;i++){
  t=a[i];
  u=t.toUpperCase();
  l=t.toLowerCase();
  if(t==l){
   /*attr*/
   j[f]='window.'+u+'='+x[0]  
  }
  else if(t==u){
   /*container;containers*/
   j[f]='String.prototype.'+u+'='+x[2]+';Array.prototype.'+u+'='+x[4]  
  }
  else{
   /*tag;tags*/
   j[f]='window.'+u+'='+x[1]+';Array.prototype.'+u+'='+x[3]  
  };
  /*specific*/
  j[f]=j[f].replace(/x/g,l);
  f++ 
 };
 window.status='HTML() bookmarklet library: Copyright (c) 2002-'+(new Date()).getFullYear()+', by Richard Edwards. ['+f+' tag/attrs added] ';
 /*implement!*/
 eval(j.join(';'))
};
HTML();
</script>
<script type="text/javascript" language="javascript">
function init(){m='January February March April May June July August September October November December'.split(' ');wd='Va H K Sz Cs P Sz'.split(' ');lom=[31,28,31,30,31,30,31,31,30,31,30,31];sz=25;js='javascript';fn=[function(F){},function(F){DATE=new Date(F.date.value);if(isNaN(DATE.valueOf())){DATE=new Date()};M=DATE.getMonth();D=DATE.getDate();Y=DATE.getFullYear();lom[1]=28;if((Y%/**/4==0)&&((Y%/**/100>0)||(Y%/**/400==0))){lom[1]++}},function(F){if(D>lom[M]){D=lom[M]};F.date.value=(M<9?'0':'')+(1.0+M)+'/'+(D<10?'0':'')+D+'/'+Y;dv.value=F.date.value;if(opener.Page){opener.document.forms[0][dv.name].value=F.date.value}},function(){F=this.form;fn[1](F);M=this.selectedIndex;fn[2](F);fn[0](F)},function(){F=this.form;fn[1](F);D=this.value;fn[2](F);fn[0](F)},function(){F=this.form;fn[1](F);Y=this.value;fn[2](F);fn[0](F)},function(F){fn[1](F);var f=new Date(Y,M,1);var x=1-(f.getDay());for(var i=0;i<49;i++){F.d[i].value=(i<7?wd[i]:'');F.d[i].onclick=this;};for(var i=1;i<=lom[M];i++){w=Math.floor((i-1)/7);n=7+i-x;F.d[n].value=i;F.d[n].onclick=fn[4];if(i==D){F.d[7+i-x].focus()}};for(var i=0;i<F.m.length;i++){F.m[i].selected=(i==M)};F.m.onchange=fn[3];F.y.value=Y;F.y.onchange=fn[5];F.y.onblur=fn[5];fn[2](F)}];fn[0]=fn[6]};init();function popCal(datevalue){if(!datevalue){dv={name:'Today',value:(new Date())}}else{dv=datevalue};var c=ALIGN('center')+HEIGHT(sz);var h=(m.OPTION().SELECT(NAME('m'))+INPUT(TYPE('text')+SIZE(4)+NAME('y'))+INPUT(TYPE('hidden')+NAME('date')+VALUE(dv.value))).TD(COLSPAN(7)+c);var b=INPUT(TYPE('button')+NAME('d')+STYLE('width:'+sz+';height:'+sz)+WIDTH(sz)+c);var r=[b,b,b,b,b,b,b].TD(WIDTH(sz*7)+c);h=[h,r,r,r,r,r,r,r].TR(c).TABLE(BORDER('0')+CELLSPACING('0')+CELLPADDING('0')+c).FORM(NAME('frm')+ACTION(js+'://'));h+=(init+';init();dv=opener.dv;fn[0](document.forms.frm);').SCRIPT(LANGUAGE(js)+TYPE('text/'+js));window.open('','cal'+(new Date()).valueOf(),'height='+sz*9+',width='+sz*8).document.write(h)};
</script>

Head részbe másold .

Kód: Body része

<CENTER> <FORM name=myForm>
<INPUT id=MyDate name=MyDate size=15> 
<a href="JavaScript:;" onClick="toggleCalendar('MyDate')">Calendar</a>
</form>

<TABLE bgColor=#ffffff border=1 cellPadding=0 cellSpacing=3 id=calendar style="DISPLAY: none; POSITION: absolute; Z-INDEX: 4">
  <TBODY>
  <TR>
    <TD colSpan=7 vAlign=center>
	
	<SELECT id=month onchange=newCalendar()> 
    	<SCRIPT language=JavaScript>
		// Output months into the document.
		// Select current month.
		for (var intLoop = 0; intLoop < months.length; intLoop++)
			document.write("<OPTION " +	(today.month == intLoop ? "Selected" : "") + ">" + months[intLoop]);
		</SCRIPT>
	</SELECT> 
	
	<SELECT id=year onchange=newCalendar()> 
        <SCRIPT language=JavaScript>
		// Output years into the document.
		// Select current year.
		for (var intLoop = 1900; intLoop < 2028; intLoop++)
			document.write("<OPTION " + (today.year == intLoop ? "Selected" : "") + ">" + intLoop);
		</SCRIPT>
	</SELECT>

</TD>
  </TR>

<TR class=days>
	
    <SCRIPT language=JavaScript>
	// Output days.
	for (var intLoop = 0; intLoop < days.length; intLoop++)
		document.write("<TD>" + days[intLoop] + "</TD>");
	</SCRIPT>
  </TR>

<TBODY class=dates id=dayList onclick="getDate('')" vAlign=center>
  
  <SCRIPT language=JavaScript>
	for (var intWeeks = 0; intWeeks < 6; intWeeks++)
	{
		document.write("<TR>");
		for (var intDays = 0; intDays < days.length; intDays++)
			document.write("<TD></TD>");
		document.write("</TR>");
	}
  </SCRIPT>

</TBODY>
  <TBODY>
  <TR>
    <TD class=today colSpan=5 id=todayday onclick=getTodayDay()></TD>
    <TD align=right colSpan=2><A href="javascript:HideCalendar();"><SPAN style="COLOR: black; FONT-SIZE: 10px"><B>Zárj</B></SPAN></A></TD>
  </TR>
  </TBODY>
</TABLE>
 
 </CENTER>

Body részbe másold ahol szeretnéd, hogy megjelenjen az ablak és a felirat.

Kellékek: Naptárak

Naptár 1
(Évet, hónapot, napot írja ki.)
Naptár 2 (Évet, hónapot, napot írja ki
és híres ember nevét.)
Naptár 3 (Évet, hónapot, napot és névnapot írja ki .)
Naptár 4 (Egyszerű táblás naptár.)
Naptár 5 (PopUp ablakból nyíló táblás naptár 1.)
Naptár 6
(PopUp ablakból nyíló táblás naptár 2)

Content Copyright © 2006 FreeWebsablon.hu ® Layout created by Germ Design Hosting:NewHosting.HU