Tilfeldig header for enkel html side

15. juli 2009

Hei!

Driver en liten side som hovedsakelig er skrevet i html, med enkelte php scripts. Serveren den er hostet på støtter (såklart) både html og php.

Finnes det noen kode for å gjøre headeren tilfeldig? Som f.eks. at du i ftp mappen har en egen header folder, og har 20 forskjellige headere hvorav disse en tilfeldig blir plukket ut hver gang.

style.css akkurat nå er skrevet slik;

}
#header{
height:304px;
width:829px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;

Takk for alle svar. Mvh. Lasse

4588pkdkrikue5c · 15. juli 2009

Skal det vere spesielt for kvar gong sida besøkes, for kvar dag, kvar månad? Det burde uansett ikkje vere noko problem.

15. juli 2009

For hver gang siden besøkes.

Lager jo et "lager" hvor disse headerne vil ligge, og scriptet(?) kan selv plukke tilfeldig.

4588pkdkrikue5c · 15. juli 2009

Hei,

Då har eg laga eit enkelt PHP script for deg.

Mogleg dette kan gjeres enklare, men eg gjorde det så lettfatteleg eg kunne.

<?php
$rand = rand(1,5);

if ($rand == "5") {
echo '<img src="';
echo "bilde5.jpg";
echo '"/>';
break;
}
elseif ($rand == "4") {
echo '<img src="';
echo "bilde4.jpg";
echo '"/>';
break;
}
elseif ($rand == "3") {
echo '<img src="';
echo "bilde3.jpg";
echo '"/>';
break;
}
elseif ($rand == "2") {
echo '<img src="';
echo "bilde2.jpg";
echo '"/>';
break;
}

elseif ($rand == "1") {
echo '<img src="';
echo "bilde1.jpg";
echo '"/>';
break;
}

?>

På førstelinje ser du koden $rand = rand(1,5);

Det vil seie at maskinen veljer eit tilfeldig tal mellom 1 og 5. Skriv gjerne rand(1,10) om du har 10 ulike headers.

Du kan óg ta kopi av kvar elseif for ein ny instans.

Forstod du?

Redigert: Du må óg hugse at .php kodar må ha filendelse .php - ikkje HTML. Du kan dóg ha HTML kode i PHP-dokumentet. PHP berre køyres der det angis (mellom <?php óg ?>).

Dokumentet må óg køyres frå ein server, og kan ikkje prøves lokalt slik som vanleg HTML.

Lukke til!

Endret 15. juli 2009 av steffenz

15. juli 2009

Hei!

Tusen hjertelig takk for hjelpen. Siden jeg er noe blank på dette, er jeg usikker på hvor denne scripten skal inn.

Skal den inn i selve "index.html" filen, hvor jeg skal ha random-header?

Eller skal den inn i style.css filen?

program · 15. juli 2009

Det må inn i html filen.

4588pkdkrikue5c · 15. juli 2009

Som eg nemnte skal dette inn i HTML fila, men du må endre filendinga hennar til .php.

Ei HTML vil ikkje køyre PHP, difor må du endre namn til .php istaden for .html

Så fyller du inn koden der headingen skal vere. Ikkje i CSS.

Om dei ikkje forstår kan du poste HTML-fila her.

Jann - Ove · 15. juli 2009

steffenz: makan til spaghettikode

Altså, copy-paste er fyfy, spesielt når man istedet bare kunne gjort det med en echo med $rand i seg.

program · 15. juli 2009

Beklager. Selvfølgelig må det inn i en .php fil

4588pkdkrikue5c · 15. juli 2009

Hensikten var å gjere dette så lettfatteleg som mogleg.

Har du noko betre, så post det. Eg vett eg ikkje er verdsmester i PHP, eg berre finn ei løysing som fungerer. Har du ei betre, vil eg gjerne sjå

Garanti · 15. juli 2009

echo '<img src="bilde' . rand( 1 ,5 ) . '.jpg" />';

burde gjøre susen.

4588pkdkrikue5c · 15. juli 2009

Hugser du den kjennsla du fekk når du leita huset rundt etter mobilen, og finn han rett framfor nasen din?

Den har eg no.

Meget mykje betre.

program · 16. juli 2009

Hugser du den kjennsla du fekk når du leita huset rundt etter mobilen, og finn han rett framfor nasen din?
Den har eg no.

Meget mykje betre.

HEHEHE. Den følelsen tror jeg at jeg også hadde fått! :tease:

Jann - Ove · 16. juli 2009

Kan ikke php, men hva har det med saken å gjøre? Programering er ikke bare språk, struktur og logikk er vel så viktig.

16. juli 2009

Eneste problemet jeg har nå, er hvor jeg skal fylle den inn.

Har skjønt at jeg skal gjøre om filen til .php etter den er "ferdig", så det er greit.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Eat Crit and Die</title>
</head>

<body>
<div id="container">
<div id="header">
	<ul>
		<li><a href="http://eatcritanddie.forumdes.com/">Forums</a></li>
		<li><a href="http://eatcritanddie.forumdes.com/ucp.php?mode=register">Join now</a></li>
		<li><a href="http://eatcritanddie.forumdes.com/ucp.php?mode=login</a></li>
		<li><a href="http://eatcritanddie.forumdes.com/ucp.php">Your Account</a></li>
		<li><a href="http://eatcritanddie.forumdes.com/ucp.php?i=pm&folder=inbox">Private Messages</a></li>
		<li><a href="http://eatcritanddie.forumdes.com/your-pictures-to-the-gallery%C7%83-t3.html">Gallery upload</a></li>
	</ul>
</div>
<div id="content">
	<div id="left">
		<div class="menu">
			<div class="menuheader"><h3>Menu</h3></div>
			<div class="menucontent">
				<ul>
					<li><a href="frontpage.html">Home</a></li>
					<li><a href="gallery.html">Gallery</a></li>
					<li><a href="about.html">About us</a></li>
					<li><a href="contact.html">Contact</a></li>
					<li><a href="http://eatcritanddie.forumdes.com/">Forums</a></li>
					<li><a href="http://eu.wowarmory.com/guild-info.xml?r=Al%27Akir&gn=Eat+Crit+and+Die">Guild Armory</a></li>
				</ul>
			</div>
			<div class="menufooter"></div>
		</div>
		<div class="menu">
		<div class="menuheader"><h3>Shoutbox</h3></div>
			<div class="menucontent">
				<!-- BEGIN CBOX - www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www2.cbox.ws/box/?boxid=1634506&boxtag=x6ry1m&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1634506&boxtag=x6ry1m&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->
			</div>
			<div class="menufooter"></div>
		</div>
	</div>

	<div id="right">
		<div class="menu">
			<div class="menuheader"><h3>LEADERS</h3></div>
			<div class="menucontent">
				<div class="member">
					<a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Psych%C3%B6"><img src="images/member1.bmp" alt="Guildmaster" /></a>
					<span><a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Psych%C3%B6">Psychö<br>Guildmaster</a></span>
				</div>
				<div class="member">
					<a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Zelene"><img src="images/member2.bmp" alt="Guildmaster" /></a>
					<span><a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Zelene">Zelene<br>Guildmaster</a></span>
				</div>
				<div class="member">
					<a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Reincarnato"><img src="images/member3.bmp" alt="Raid Master" /></a>
					<span><a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Reincarnato">Reincarnato<br>Officer</a></span>
				</div>
				<div class="member">
					<a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Juicybeef"><img src="images/member4.jpg" alt="Officer" /></a>
					<span><a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Juicybeef">Juicybeef<br>Officer</a></span>
				</div>
				<div class="member">
					<a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Zokta"><img src="images/member5.bmp" alt="Officer" /></a>
					<span><a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Zokta">Zokta<br>Officer</a></span>
				</div>
				<div class="member">
					<a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Oppr%C3%B8r"><img src="images/member6.bmp" alt="Officer" /></a>
					<span><a href="http://eu.wowarmory.com/character-sheet.xml?r=Al%27Akir&n=Oppr%C3%B8r">Opprør<br>Officer</a></span>
				</div>
				<div class="clear"></div>
			</div>

			<div class="menufooter"></div>
		</div>
		<div class="menu">
			<div class="menuheader"><h3>Ventrilo</h3></div>
			<div class="menucontent">
						  <center><span id='instantventrilo'><a href="http://www.instantventrilo.com/">ventrilo</a> Hosting by InstantVentrilo.com</span><script type="text/javascript" src="http://view.light-speed.com/ventrilo.php?IP=89.238.145.178&PORT=9883&CHANNEL_WNOUSER=YES&FONTSIZE=10&CONLINK=NO&HELP=NO&WIDTH=185&BGCOLOR=151616&STYLE=2&SHOW_IP_PORT=YES&SN_BGCOLOR=151616&SN_COLOR=FFFFFF&INFO_BGCOLOR=151616&INFO_COLOR=FFFFFF&HELP_BGCOLOR=CCCC99&HELP_COLOR=000000&CHANNEL_BGCOLOR=000000&CHANNEL_COLOR=FFFFFF&UN=00CC00&UN_BG=FFFFFF&METHOD=js"></script></center>
				<div class="clear"></div>
			</div>

			<div class="menufooter"></div>
		</div>
	</div>

	<div id="middle">
		<div class="post">
			<div class="postheader"><h1>Contact:</h1></div>
			<div class="postcontent">
				<p>If you want to contact us, do it in-game. Whisper one of the following players on Al'Akir, horde side:<br><br>
				Psychö<br>
				Zelena<br>
				Reincarnato<br>
				Juicybeef<br>
				Zokta<br>
			</div>
			<div class="postfooter"></div>
		</div>

	</div>
</div>
<div id="footer">

<span>Copyright © 2009 www.kanetheheatsink.com. All rights reserved.</span>	</div>	
</div>
</body>
</html>

Headere ligger forøvrig i en mappe, i samme mappe som denne html filen. Heter bare header.

Garanti · 16. juli 2009

Endre

<div id="header">

til

<div id="header" style="background-image: url(<?PHP echo 'header' . rand( 1 ,5 ) . '.jpg'; ?>)">

Endret 16. juli 2009 av Garanti

16. juli 2009

Greide å sette inn scriptet så siden fungerte som den skulle, men den velger bare bildet som heter "header.jpg". Hva kan være galt?

	<div id="header" style="background-image: images(<?PHP echo 'header' . rand( 1 ,5 ) . '.jpg'; ?>)">

Jesper Karsrud · 16. juli 2009

Hvor kommer images() fra? Tror jeg skjønner hva du har tenkt, så bytt ut med dette:

<div id="header" style="background: url(images/<?php echo 'header' . rand(1,5) . '.jpg'; ?>);">

Det burde funke

17. juli 2009

Tusen hjertelig takk alle sammen!

Nå har jeg fått headeren til å bytte mellom 5 forskjellige headers.

Har et nytt problem nå. Headeren "repeater" seg selv, til tross for at jeg har satt på no-repeat.

}
#header{
height:304px;
width:829px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;

Har dette noen sammenheng med koden som skal gjøre headeren random?

<div id="header" style="background: url(images/<?php echo 'header' . rand(1,5) . '.jpg'; ?>);">

Mvh. Lasse

( Se http://www.ohsnapdawg.com/ hvis jeg forklarte litt dårlig. )

Endret 17. juli 2009 av Gjest

Garanti · 17. juli 2009

Lite trolig at det er dette som er som er utslagsgivende, men i koden under headeren er det en feil. Endre

			<li><a href="http://eatcritanddie.forumdes.com/ucp.php?mode=login</a></li>

til

			<li><a href="http://eatcritanddie.forumdes.com/ucp.php?mode=login"></a></li>

Tilfeldig header for enkel html side

Anbefalte innlegg

Gjest

Lenke til kommentar

Videoannonse

Lenke til kommentar

Gjest

Lenke til kommentar

Lenke til kommentar

Gjest

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Gjest

Lenke til kommentar

Lenke til kommentar

Gjest

Lenke til kommentar

Lenke til kommentar

Gjest

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer