javascript centreren

  • Onderwerp starter Onderwerp starter hanna
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
div style="tex-align:center"
toepassen.

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
  <meta http-equiv="content-type"
    content="text/html; charset=ISO-8859-1">
  <meta name="keywords"
    content="poppenhuis,kamertjes,tuintjes,flexibele popjes">
  <meta name="description"
    content="poppenhuis, flexibele popjes">
  <meta name="language" content="Nederlands">
<title>bladerboek</title>
    
    <LINK REL="SHORTCUT ICON" HREF="http://home.hetnet.nl/~e3/favicon1.ico">

         <script language="JavaScript" type="text/javascript">
        

// dit kun je wijzigen
	var Beeldbreedte=300;
	var Beeldhoogte=197;
	var Rand=true;
	var Randkleur="#d0fbeb";
	var Snelheid=15;
	var Pauze=3000; // 1 seconde = 1000
	var Verticaal=0;	

// hier plaats je de afbeeldingen
	Afbeeldingen=new Array(
		"images/blader/1.jpg","#",
		"images/blader/2.jpg","#",
		"images/blader/3.jpg","#",
		"images/blader/4.jpg","#",
		"images/blader/5.jpg","#",
		"images/blader/6.jpg","#",
                              "images/blader/7.jpg","#",
		"images/blader/8.jpg","#",
		"images/blader/9.jpg","#",
		"images/blader/10.jpg","#"
		
		                      // geen komma na laatste regel!
		);

// hieronder niets veranderen!
	var BLI,BMI,BRI,BTI,HOEK=0,AFBC=6,MAXB,RICHTING=1;
	var B_MSz,HALT=false;AFBV=new Array(Afbeeldingen.length);
	function fotoboek(){
		if(document.getElementById){
			for(i=0;i<Afbeeldingen.length;i+=2){
				AFBV[i]=new Image();AFBV[i].src=Afbeeldingen[i]}
			BoekDiv=document.getElementById("Boek");
			BLI=document.createElement("img");BoekDiv.appendChild(BLI);	
			BRI=document.createElement("img");BoekDiv.appendChild(BRI);
			BMI=document.createElement("img");BoekDiv.appendChild(BMI);	
			BLI.style.position=BMI.style.position=BRI.style.position="absolute";
			BLI.style.zIndex=BRI.style.zIndex=0;BMI.style.zIndex=1;
			BLI.style.top=(Verticaal?Beeldhoogte+1:0)+"px";
			BLI.style.left=0+"px";
			BMI.style.top=0+"px";
			BMI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
			BRI.style.top=0+"px";
			BRI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
			BLI.style.height=Beeldhoogte+"px";
			BMI.style.height=Beeldhoogte+"px";
			BRI.style.height=Beeldhoogte+"px";
			BLI.style.width=Beeldbreedte+"px";
			BMI.style.width=Beeldbreedte+"px";
			BRI.style.width=Beeldbreedte+"px";
			if(Rand){
				BLI.style.borderStyle=BMI.style.borderStyle=BRI.style.borderStyle="solid";
				BLI.style.borderWidth=6+"px";
				BMI.style.borderWidth=6+"px";
				BRI.style.borderWidth=6+"px";
				BLI.style.borderColor=BMI.style.borderColor=BRI.style.borderColor=Randkleur}
			BLI.src=AFBV[0].src;
			BLI.lnk=Afbeeldingen[1];
			BMI.src=AFBV[2].src;
			BMI.lnk=Afbeeldingen[3];
			BRI.src=AFBV[4].src;
			BRI.lnk=Afbeeldingen[5];
			BLI.onclick=BMI.onclick=BRI.onclick=HYPERLINK;
			BLI.onmouseover=BMI.onmouseover=BRI.onmouseover=STOP;
			BLI.onmouseout=BMI.onmouseout=BRI.onmouseout=START;
			AFBEELDINGEN()}}
	function AFBEELDINGEN(){
		if(!HALT){
			if(Verticaal){
				B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldhoogte));
				MidOffset=!RICHTING?Beeldhoogte+1:Beeldhoogte-B_MSz;
				BMI.style.top=MidOffset+"px";
				BMI.style.height=B_MSz+"px"}
			else{B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldbreedte));
				MidOffset=RICHTING?Beeldbreedte+1:Beeldbreedte-B_MSz;
				BMI.style.left=MidOffset+"px";
				BMI.style.width=B_MSz+"px"}
			HOEK+=Snelheid/720*Math.PI;
			if(HOEK>=Math.PI/2&&RICHTING){
				RICHTING=0;
				if(AFBC==Afbeeldingen.length)AFBC=0;
				BMI.src=AFBV[AFBC].src;
				BMI.lnk=Afbeeldingen[AFBC+1];
				AFBC+=2}
			if(HOEK>=Math.PI){
				RICHTING=1;
				BTI=BLI;
				BLI=BMI;
				BMI=BTI;
				if(Verticaal)BMI.style.top=0+"px";
				else BMI.style.left=Beeldbreedte+1+"px";			
				BMI.src=BRI.src;
				BMI.lnk=BRI.lnk;

				setTimeout("PAUZEREN()",Pauze)}
			else setTimeout("AFBEELDINGEN()",50)}
		else setTimeout("AFBEELDINGEN()",50)}

	function PAUZEREN(){
			if(AFBC==Afbeeldingen.length)AFBC=0;
			BRI.src=AFBV[AFBC].src;
			BRI.lnk=Afbeeldingen[AFBC+1];
			BMI.style.zIndex=2;
			BLI.style.zIndex=1;
			HOEK=0;
			AFBC+=2;
		setTimeout("AFBEELDINGEN()",50)}

	function HYPERLINK(){if(this.lnk)window.location.href=this.lnk}
	function STOP(){HALT=true;this.style.cursor=this.lnk?"pointer":"default"}
	function START(){HALT=false}
</script>

</head>
 

<body onload="fotoboek()" bgcolor="#86a198">
   <div style="text-align:center;"><br>
   
   <table width="100%" border="0">
     <tr>
       <td><H2 align=""><font face="Comic Sans MS" size="+4" color="#336666">Nostalgisch fotoboek</font></H2></td>
     </tr>
      <tr>
          <td><p align="" ><font face="Comic Sans MS" size="+2">Als u met de muis op de foto gaat staan, stopt het bladeren</font></p></td>

    </tr>
     <tr valign="top"> 
       <td height="250"  valign="top" > 

      
<!-- tabel gemaakt, met daarin 3 cellen en style center -->
     <table   border="10" cellspacing="0" cellpadding="0" style="text-align:center;width:100%;">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  width="40%"><!-- lege cel -->
		&nbsp;
		</td>
		<!-- Row 1 Column 2 -->
		<td style="width:700px; text-align:center;"> <!-- cel op 700px breedte -->
		<div id="Boek" style="position: relative; width: 700px; left: 50px;top: 12px;"></div>

		</td>
		<!-- Row 1 Column 3 -->
		<td  width="40%"><!-- lege cel -->

			&nbsp;
		</td>
	</tr>
</table>

        
</td>

    </tr>
    <tr>
        <td><p align="" ><font face="Comic Sans MS" size="+2"><a href="http://home.hetnet.nl/~e3/" class="webpagina">terug</a> naar edith's poppenhuis...</font></p></td>
     </tr>
</table></div>

<!--CheckStat Free 4.2 Begin--><!--LET OP: De teller zal worden verwijderd indien--><!--aanpassingen zijn gemaakt aan deze code of--><!--wanneer het icoon niet zichtbaar is op de site.-->
<script type="text/javascript" language="javascript">
function checkstat(a,v){var set=new Array();if(typeof v=="string")
{set[0]=parseInt(v.substring(0,1))}else{set[0]=(v==3||v==4)?0:1}
var jv,sz,sc,i;js="";var td=new Date();var tm=td.getTime();
var s=screen;var d=document;var l="http://checkstat.nl/cgi-bin/";
var lo=d.URL;var n=navigator;var re=typeof(top.document)=="object"?
top.document.referrer:d.referrer;for(i=0;i<=5;i++)
{d.write('<script language="javascript1.'+i+'">js="'+i+'"<\/script>')}
if(js>=1){jv=n.javaEnabled()?"y":"n"}if(js>=2){sz=s.width+"*"+s.height;
sc=n.appName.substring(0,9)=="Microsoft"?s.colorDepth:s.pixelDepth;}
var ar="&location="+escape(lo)+"&screensize="+sz+"&screencolors="+sc+
"&javascript=1."+js+"&java="+jv+"&referrer="+escape(re)+"&time="+tm;
if(set[0]){d.write('<a target=_blank href="'+l+'show.cgi?'+a+
'"><img nosave name=icon width=19 height=19 border=0 alt="CheckStat" '+
'src="'+l+'count.cgi?'+a+ar+'"><\/a>')}else{d.write('<img width=1 '+
'height=1 src="'+l+'count.cgi?'+a+ar+'">')}}checkstat('edithdenh','110')
</script>
<noscript><a
href="http://checkstat.nl/cgi-bin/show.cgi?edithdenh"
target=_blank><img name=icon width=19 height=19
src="http://checkstat.nl/cgi-bin/count.cgi?edithdenh"
border=0 alt=CheckStat></a></noscript>

<!--CheckStat Free 4.2 End-->
</body>
</html>
 
Nee, dat ziet er niet uit, maar toch bedankt
 
wel in het midden maar het boek staat dan dwars over de tabel met dikke borders, ik ben er nog mee aan het knutselen geweest maar krijg het niet mooi/goed
 
hanna zei:
wel in het midden maar het boek staat dan dwars over de tabel met dikke borders, ik ben er nog mee aan het knutselen geweest maar krijg het niet mooi/goed
Klik om te vergroten...

Oh, op die fiets...........
dan zet je de borders toch op 0
Ik heb speciaal de borders aangezet om het effect te zien, toen ik met de div aan het stoeien was.
 
ja, dat zag ik ook net, bedankt maar hij doet het nu zoals ik bedoel.
 
Maar kun je mij uitleggen waarom het wel werkt in FF als het in de HEAD staat? s.v.p.
 
hanna zei:
Maar kun je mij uitleggen waarom het wel werkt in FF als het in de HEAD staat? s.v.p.
Klik om te vergroten...
Als het niet in de head staat werkt het dan wel?

Een javascript hoort in feite in de head te staan.
Soms niet, als het gewoon een klein scriptje is mag het in de body: zelfstandig script.
Maar nu heb je een onload in de bodytag zitten, dus in de head is dan beter, omdat de browser het dan al tegenkomt voor de body inhoud begint en het kan uitvoeren.
 
Ja, ik snap het, maar wel raar dat hij het in IE wel goed deed.

Bedankt voor alles.
 
hanna zei:
Ja, ik snap het, maar wel raar dat hij het in IE wel goed deed.

Bedankt voor alles.
Klik om te vergroten...

Nou, de ene browser is de andere niet, IE is wat dat betreft makkelijker, vergeet je soms een sluittag: het wordt gewoon getoond.

Bij het werken met een style is de weergave ook niet altijd gelijk, dus
altijd je site in IE en FF bekijken.

:cool:
 
Ja, ik kijk altijd in meerdere browsers, dit had ik ooit is aan iemand gegeven en die kreeg het dus niet gecentreerd.

Ik werk niet zoveel met javascript, alhoewel ik het wel heel interessant vind en soms lukt het me ook wel eens om er een kleine aanpassing in te maken.

Ik werk veel met style, dus dat had ik al vlug ontdekt.

Maar steeds bij leren is leuk.

Er bestaan zeker geen scriptjes om een link die dood loopt zo te laten werken dat de pagina niet opent(dus niet "de server kan de pagina niet weergeven) maar dat het gewoon een link lijkt die niet reageert als je erop klikt, maar als dat gebeurt mij wel een mailtje stuurt, zodat ik weet dat die link het niet meer doet.
Ik ben het nu aan het uit vogelen in PHP, maar als het in javascript bestaat... nah ik hoef het wiel toch niet weer opnieuw uit te vinden, wel?

Bedankt hé.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan