hoe werkt dit!

thommie · 30 December 2009

beste mensen,

ik had op een site gezien (Klik)

ik weet niet echt hoe ik uit moet legen als je die site op start dan heeft het een soort intro hoe kan ik dat ook op mijn site of heeft iemand al zo'n soort script.

bedankt

diestro · 30 December 2009

ik zie niks meer dan het laden van de plaatjes wat wat tijd kost

SkyNet · 30 December 2009

Dat kan je met javascript geloof ik met paar seconden vertragen 8-|

thommie · 30 December 2009

volgens mij is het iets wat een soort van in word gevolgen.

pekelterror · 30 December 2009

Het word in javascript gedaan.
http://www.criminalsloco.eu/intro.js
Dat bestand zorgt daarvoor staat in de broncode die altijd en open is voor iedereen.

thommie · 30 December 2009

oke, bedankt zou iemand kunnen helpen waar ik dat neer moet zetten in het script?

SkyNet · 30 December 2009

In een extern bestand.
En in de header van je script de text soort (JS)

thommie · 30 December 2009

Nu heb ik dit op lijn 13 maar dat werkt niet:s

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php /* ------------------------- */


  if(isset($_COOKIE['login'],$_COOKIE['validate'])) {
    setcookie("login",$_COOKIE['login'],time()+24*60*60,"/","");
    setcookie("validate",$_COOKIE['validate'],time()+24*60*60,"/","");
  }


  include("_include-config.php");


/* ------------------------- */ ?>
<script type="text/javascript" src="intro.js"></script>
<script src="http://sd-1.archive-host.com/membres/up/28346071248525984/sapin.js"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
   <title>The-sicilian.nl || Word De nieuwe Godfather!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="nl" />
    <meta name="keywords" content="The-Sicilian T&J design ? 2009 - 2010 Copyright" />	
    <meta name="Description" content="!" />
    <meta name="author" content="T&M design ?" />
    <meta name="Language" content="nl" />
    <meta name="robots" content="all" />

Toon Meer

Pharox · 30 December 2009

thommie
Je moet javascript tussen de <head> tekens houden.
Nu staan ze erbuiten en kunnen ze niet geladen worden

thommie · 30 December 2009

oke bedankt

Nieuwe reactie samengevoegd met originele reactie op 30.12.09 21:55:57:
dan werkt het nog steeds niet:s

Nieuwe reactie samengevoegd met originele reactie op 30.12.09 22:14:57:
iemand?

Db-maffia · 30 December 2009

Heb je de .JS wel gedownload en in je map gezet?

Dein · 30 December 2009

Waarom zou je zoiets willen doen met Javascript ?
Dit is zo simpel met jQuery na te bootsen, en schilt een hoop extra code.

thommie · 30 December 2009

ja maar hij slaat hem op als kladblok:S

Nieuwe reactie samengevoegd met originele reactie op 30.12.09 22:48:26:
dein zo je me kunne helpen dan?

-Nick · 30 December 2009

PHP

var opacity=0;function FadeIn(){
if(document.all && opacity<=100){
document.getElementById('intro').style.filter='alpha(opacity='+opacity+')';setTimeout('FadeIn()',15);opacity+=3;return true;
}
else
{
if(opacity<=1){
document.getElementById('intro').style.opacity=opacity;setTimeout('FadeIn()',15);opacity+=0.03;
return true;
}
else
{
return false;
}
}
}
document.write('
<style type="text/css">
#intro{
opacity:0;
filter:alpha(opacity=0);
}
</style>');


window.onload=function (){
FadeIn();
}

Toon Meer

Dit opslaan als intro.js

Dan gewoon in je bodytags:

PHP

<body id="intro">

Persoonlijk vind ik JQuery ook wel het beste zoals dein zegt...

thommie · 30 December 2009

het lukt niet ik dat het gewoon aan mij licht ik zal wel heel mijn index.php plaatsen kan iemand het dan voor mij doen:S

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php /* ------------------------- */


  if(isset($_COOKIE['login'],$_COOKIE['validate'])) {
    setcookie("login",$_COOKIE['login'],time()+24*60*60,"/","");
    setcookie("validate",$_COOKIE['validate'],time()+24*60*60,"/","");
  }


  include("_include-config.php");


/* ------------------------- */ ?>
<script src="http://sd-1.archive-host.com/membres/up/28346071248525984/sapin.js"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
   <title>The-sicilian.nl || Word De nieuwe Godfather!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="nl" />
    <meta name="keywords" content="The-Sicilian T&J design © 2009 - 2010 Copyright" />	
    <meta name="Description" content="!" />
    <meta name="author" content="T&M design ©" />
    <meta name="Language" content="nl" />
    <meta name="robots" content="all" />


    
      <link rel="stylesheet" href="styleout.css" type="text/css" media="screen" />


<base target="mainFrame" />
<script language="javascript">
function showMenu(id) {
  if(document.getElementById(id).style.visibility == "hidden") {
    document.getElementById(id).style.position		= "static";
    document.getElementById(id).style.visibility	= "visible";
  }
  else {
    document.getElementById(id).style.visibility	= "hidden";
    document.getElementById(id).style.position		= "absolute";
    document.getElementById(id).style.left		= -100;
    document.getElementById(id).style.top		= -100;
  }


  document.getElementById('mainTable').height		= '100%';
}






function openChat() {
  var width						= screen.width-10;
  var height						= screen.height-100;
  window.open('http://62.41.26.163/chatbox.html','','left=0,top=0,width='+ width +',height='+ height +',toolbar=no,location=no,status=no,menubar=no,scrollbars=no');
}
</script>
<script type="text/javascript" src="jsfiles/jquery.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    language:   "it",
    players:    ["qt"]
});


$(document).ready(function () {
	$("ul.menu_body li:even").addClass("alt");
    $('img.menu_head').click(function () {
	$('ul.menu_body').slideToggle('medium');
    });
	$('ul.menu_body li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});


<?


  		$dbresxa = mysql_query("SELECT `id` FROM `[users]` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300");
		$onliner = mysql_num_rows($dbresxa);
		$dbres				= mysql_query("SELECT id FROM `[users]`");
		$dbres				= mysql_query("SELECT id FROM `[users]` WHERE `activated`=1");
  		$members = mysql_num_rows($dbres);
		$select = mysql_query("SELECT login FROM `[users]` ORDER BY signup DESC LIMIT 0,1");
    
		$object = mysql_fetch_object($select);


		$dbresxa = mysql_query("SELECT `id` FROM `[users]` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300");
		$online = mysql_num_rows($dbresxa);
		$dbres				= mysql_query("SELECT id FROM `[users]` WHERE `activated`=1");
		$members = mysql_num_rows($dbres);
		$member = mysql_fetch_object($dbres);




      		$power        = number_format(round(($data->attack+$data->defence)/2+$data->clicks*5),0,",",".");
    		$select = mysql_query("SELECT login FROM `[users]` ORDER BY signup DESC LIMIT 0,1");
    		$land1	                  	= array("","Nederland","Frankrijk","Spanje","Turkije","Griekenland","New York, VS");
    		$land                 		= $land1[$data->land];
		$rank1	                  	= array("Empty-Suit","Deliveryboy","Picciotto","Shoplifter","Pickpocket","Thief","Associate","Mobster","Soldier","Swindler","Assassin","Local Chief","Chief","Bruglione","Godfather","Mobstar +","Mobstar 1+","Mobstar 2+","Mobstar 3+", "Mobstar 4+", "Mobstar 5+", "God's Right Hand", "Supreme Being", "Legend");
		$rank = $rank1[$data->rank];
  		$dbres				= mysql_query("SELECT id FROM `[messages]` WHERE `read`=0 AND `inbox`=1 AND `to`='{$data->login}'");
  		$inboxnew				= mysql_num_rows($dbres);
		$avaurl				= $data->avaurl;
		$cash                                 = $data->cash;
		$cash                                 = number_format(round($cash),0,",",".");
		$bank                                 = $data->bank;
		$bank                                 = number_format(round($bank),0,",",".");
		if($data->clan == "") {
			$Fam = Geen;
  		} else {
 		$Fam = $data->clan;
  		}


  ?>


</script>


     <!--[if lte IE 6]>   
           <script type="text/javascript" src="supersleight-min.js"></script> 
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="shadowbox.js"></script>
    <![endif]-->  


 </head>
 <body>


    <!--Begin wrapper-->
         <div id="wrapper">
    <!--Begin wrapper-->




	 <!--Header-->
	      <div id="header">
		   <div id="header_left">
	                <img src="images/logo.png" alt="" class="no_border" />
	      </div>
	 <!--Header-->
</div>


	 <!--Content-->
	      <div id="content">


	           <!--Content left-->
		        <div id="content_left">


			     <div class="item">
			          <a class="no_border" onClick="showMenu('main')"><IMG src="images/kop1.png" alt="" class="no_border"></a>
				  <ul class="no_border" ID="main" visibility: hidden;">
				        <li><a href="home.php" title="" class="normal">Home</a></li> 
					<li><a href="login.php" title="" class="normal"><b>Login</B></a></li> 
					<li><a href="signup.php" title="" class="normal"><b>Aanmelden</b></a></li> 
					<li><a href="login.php?x=lostpass" title="" class="normal"><b>Wachtwoord vergeten?</b></a></li> 
				        <li><a href="verhaal.php" title="" class="normal">Verhaal</a></li> 
				        <li><a href="algemeen-help.php" title="" class="normal">Help/faq</a></li> 
				        <li><a href="team.php" title="" class="normal">Het team</a></li> 
				  </ul>				


				  <img src="images/menu_foot.png" alt="" class="no_border" />
			     </div>






			     <div class="item">
			          <a class="no_border" onClick="showMenu('linkpartners')"><IMG src="images/kop11.png" alt="" class="no_border"></a>
				  <ul class="no_border" ID="linkpartners" visibility: hidden;">
				       <li><a href="http://www.eetpaleisvosje.nl" title="" class="normal" target=_blank>Eetpaleis 'T vosje!</a></li> 
				       <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> 
				       <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> 
				       <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> 
				       <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> 
				  </ul>				


				  <img src="images/menu_foot.png" alt="" class="no_border" />
			     </div>








			</div>
		   <!--Content left-->




		   <!--Content center-->
		        <div id="content_center">




			     <!--Vlak-->
			          <div class="vlak">
			               <div class="vlak_titel">
				            <h3><center>Welkom <?=$data->login;?> Op The-Sicilian.</center></h3>
				       </div>


				       <div class="vlak_content">
				            <p> <iframe src="home.php" name="mainFrame" style="position: relative; top: -30;" width=530 frameborder=0 height=335></iframe></p>
				       </div>
	
				       <a href="#top" target=_self><img src="images/vlak_foot.png" alt="" class="no_border" /></a>
				  </div>
			     <!--Vlak-->
	


</center>
</div>
		   <!--Content center-->


<style>
INPUT {
	BORDER-RIGHT: #7a735a 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #7a735a 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; BACKGROUND: url(layout/layout02/input-bg.png) #c4bb9d repeat-x; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #7a735a 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #7a735a 1px solid; FONT-FAMILY: tahoma, arial, verdana;
}
INPUT:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
INPUT.submit {
	BORDER-RIGHT: #5e2424 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #5e2424 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; BACKGROUND: url(layout/layout02/submit-bg.png) #000000 repeat-x; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #5e2424 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #5e2424 1px solid; FONT-FAMILY: tahoma, arial, verdana;
}
INPUT.submit:hover {
	BORDER-RIGHT: #c64d4d 1px solid; BORDER-TOP: #c64d4d 1px solid; BORDER-LEFT: #c64d4d 1px solid; BORDER-BOTTOM: #c64d4d 1px solid
}
</style>
		   <!--Content right-->
		        <div id="content_right">			   




			     <div class="item">
			          <a class="no_border" onClick="showMenu('login')"><IMG src="images/kop12.png" alt="" class="no_border"></a>
				  <ul class="no_border" ID="login" visibility: hidden;">
				  <div style="margin-left: 5px;">
<FORM method=post action="login.php" target="mainFrame">
<LABEL>Login:<BR>
<INPUT onblur=" if(this.value=='')this.value='login'" onfocus="if(this.value=='login')this.value=''" value='login' name=login>
</LABEL> 
<LABEL><br>Wachtwoord:
<BR>
<INPUT onblur=" if(this.value=='')this.value='wachtwoord'" onfocus="if(this.value=='wachtwoord')this.value=''" type=password 
value="wachtwoord" name=pass>
</LABEL> 
<BR>					
					<table width="100%">
					<tr>
					<td><INPUT class=submit type=submit value=Inloggen></td>
					<td><FORM method=post action="login.php?x=lostpass" target="mainFrame"><INPUT class=submit type=submit value=Vergeten?></form></td>
					</tr>
					</table>
</div>
				  </ul>				


				  <img src="images/menu_foot.png" alt="" class="no_border" />
			     </div>


			     <div class="item">
			          <a class="no_border" onClick="showMenu('land')"><IMG src="images/kop6.png" alt="" class="no_border"></a>
				  <ul class="no_border" ID="land" visibility: hidden;">
<?php /* ------------------------- */
$dbresxa = mysql_query("SELECT `id` FROM `[users]` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300");
  $onliner = mysql_num_rows($dbresxa);
  $dbres				= mysql_query("SELECT id FROM `[users]`");
  $members = mysql_num_rows($dbres);
$member = mysql_fetch_object($dbres);
    $select = mysql_query("SELECT login FROM `[users]` ORDER BY signup DESC LIMIT 0,1");
    
  $object = mysql_fetch_object($select);
  print <<<ENDHTML
	<li><a class="normal">Aantal Leden: $members</a></li>
	<li><a class="normal">Leden Online: $onliner</a></li>	
	<li><a class="normal" href="profile.php?x=$object->login">Nieuwste: <font color="Red">$object->login</a></li>
</form>


ENDHTML;
?>
				  </ul>			
				  <img src="images/menu_foot.png" alt="" class="no_border" />
			     </div>




			     <div class="item">
			          <a class="no_border" onClick="showMenu('screenshots')"><IMG src="images/kop13.png" alt="" class="no_border"></a>
				  <ul class="no_border" ID="screenshots" visibility: hidden;">
                    <table width="100%">
					<tr>
					<td><a href="http://www.the-sicilian.nl/images/screen1.jpg" rel="lytebox[vacation]"  title="Het drukbezochte forum van the-sicilian"><img src="images/screen1.jpg" width="60" height="60" border="0"></a></td>
					<td><a href="http://www.the-sicilian.nl/images/screen2.jpg" rel="lytebox[vacation]"  title="Het moordsysteem van the-sicilian.nl"><img src="images/screen2.jpg" width="60" height="60" border="0"></a></td>
					<td><a href="http://www.the-sicilian.nl/images/screen3.jpg" rel="lytebox[vacation]"  title="Een geweldige unieke optie is het avatar kiezen bij the-sicilian.nl"><img src="images/screen3.jpg" width="60" height="60" border="0"></a></td>
					</tr>
					</table>
					</ul>		


				  <img src="images/menu_foot.png" alt="" class="no_border" />
			     </div></div>




		   <!--Content right-->
	           
	      </div>
	 <!--Content-->  




	 <!--Footer-->
	      <div id="footer">
		   <div id="footer_left">
	                <span class="f1">© 2009-2010 The-Sicilian.nl - All rights reserved</span>
	<span class="f2">Design door: <a href="http://kylevmaaren.nl" class="kylevmaaren"><strong>KylevMaaren.nl</strong></a></span>		   </div>	        
<div id="container">
<img src="images/navigatie.png" width="166" height="26" class="menu_head" />
<ul class="menu_body">
<li><a href="#"><img src="images/nl.png" alt="" border= "1px solid #2d2721"/> Nederlands</a></li>
<li><a href="#"><img src="images/be.png" alt="" border= "1px solid #2d2721"/> Belgie's</a></li>
<li><a href="#"><img src="images/us.png" alt="" border= "1px solid #2d2721"/> Engels</a></li>
</ul>
</div>
	      </div>
	 <!--Footer--> 


     <!--Einde wrapper-->
          </div>
     <!--Einde wrapper-->








 <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracke

Toon Meer

bedankt

-Nick · 30 December 2009

Meschien zou het eens handig zijn dat je die van major-crime de index de html eens mooi kuist.... al die onodige javascript gedoe dat ik zie is echt ietsje te veel en de helft ervan word niet eens gebruikt

thommie · 30 December 2009

Nick, bedankt dat je daar over begint. maar dat was mijn vraag niet!

Dein · 31 December 2009

Ik ga het niet allemaal voor je maken, maar dit is hoe je het ongeveer zult moeten maken als je jQuery wilt gebruiken:
maak een div met het id #hide (of zo) en plaats daarin wat er op het scherm langzaam moet verschijnen, dan ga je in jQuery gewoon fadeIn() gebruiken en nog in CSS #hide instellen, en een andere #show met daarin uiteraard de opacity op 100%

Referentie: jQuery site
http://blog.themeforest.net/sc…e-beginners-video-series/

Als je de laatste link bezoekt en wat tijd neemt om de video's te bekijken kan je dit in no-time zelf maken!

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

hoe werkt dit!

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken