Gå til innhold

Trenger sårt hjelp til en privat side...


Anbefalte innlegg

Hei! :)

(For de som er brukere ved nwf, så er dette samme spm)

Er ganske ny innenfor dette feltet, og det er faktisk en av den første siden som jeg lager...So be nice!

Etter å ha lest meg grønn gjennom hele forumet her og hos nwf etter hjelp uten å lykkes, så måtte jeg bare få startet en ny tråd som forhåpentligvis vil hjelpe meg

Som dere kanskje skjønner så har jeg litt problemer med å finne ut hvordan jeg skal gjøre det videre med siden min... (har ikke fått opprettet domene enda, så det får holde med ett bilde :p )

Som dere ser ut ifra bildet, så lurer jeg hvordan jeg kan få åpnet linkene under menyen. Slik som det er nå så er jo det bare en side som vil vises...

 

Legger ut koden i samme slengen. Men som sagt så er dette en av mine første sider og koden er deretter, men kommentar/kritikk mottas med takk! (Designet er også så som så, men kom gjerne med tips der også vist ønskelig )

 

Håper noen tar seg bryet med å hjelpe... :)

Mvh

Robert

 

<html>

<head>
<title>Velkommen til Robert og Iselin's hjemmeside...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body {  
width: 729px;
height: 809px;
margin-top: 10px; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto;
text-align: center; 
padding: 0;
background: url(images/bakgrunn.gif) repeat;
 }

.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
 }

.menutitle{
cursor: pointer;
margin-bottom: 5px;
color: #000000;
width: 70px;
padding: 0;
text-align: left;
font-weight: bold
}

.submenu{
margin-bottom: 0.5em;
}

.style5 {
color: #000000
}

</style>

<script type="text/javascript">

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
 if(el.style.display != "block"){
 	for (var i=0; i<ar.length; i++){
   if (ar[i].className=="submenu")
   ar[i].style.display = "none";
 	}
 	el.style.display = "block";
 }else{
 	el.style.display = "none";
 }
}
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
</head>

<body bgcolor="#FFFFFF" onLoad="goforit()">
<!-- ImageReady Slices (Layout.psd) -->
<table id="Table_01" width="729" border="0" cellpadding="0" cellspacing="0">
<tr>
 <td colspan="11">
 	<img src="images/index_01.gif" width="728" height="142" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="142" alt=""></td>
</tr>
<tr>
 <td colspan="6" rowspan="2">
 	<img src="images/index_02.gif" width="284" height="62" alt=""></td>
 <td colspan="3" align="center" background="images/Ferdig-layout_03.gif">

<script>

var dayarray=new Array("Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag")
var montharray=new Array("Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
if (minutes<=9)
minutes="0"+minutes
//change font size here
var cdate="<small><font color='000000' face='Arial' size='1'>"+dayarray[day]+" "+daym+". "+montharray[month]+" "+year+", "+hours+":"+minutes+""
+"</font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

</script>

<span id="clock"></span>
</td>
 <td colspan="2" rowspan="2">
 	<img src="images/index_04.gif" width="286" height="62" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
 <td colspan="3">
 	<img src="images/index_05.gif" width="158" height="43" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
 <td colspan="5">
 	<img src="images/index_06.gif" width="131" height="1" alt=""></td>
 <td colspan="5" rowspan="3" valign="top" background="images/Ferdig-layout_01.gif">Hvordan skal dette gjøres ?? </td>
 <td rowspan="8">
 	<img src="images/index_08.gif" width="21" height="604" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
 <td rowspan="7">
 	<img src="images/index_09.gif" width="25" height="603" alt=""></td>
 <td colspan="3" valign="top" background="images/Ferdig-layout_02.gif">
 
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">

<div class="menutitle"><a href="xxx.htm" class="style5" style="text-decoration:none">Hovedside</a></div>

<div class="menutitle" onClick="SwitchMenu('sub2')">Informasjon</div>
<span class="submenu" id="sub2">
 - <a style="text-decoration:none" class="style5" href="xxx.htm">Link 1</a><br>
 - <a style="text-decoration:none" class="style5" href="xxx.htm">Link 2</a>
</span>

<div class="menutitle" onClick="SwitchMenu('sub3')">Bilder</div>
<span class="submenu" id="sub3">
 - <a style="text-decoration:none" class="style5" href="xxx.htm">Link 1</a><br>
 - <a style="text-decoration:none" class="style5" href="xxx.htm">Link 1</a>
</span>

<div class="menutitle"><a href="xxx.htm" class="style5" style="text-decoration:none">Gjestebok</a></div>
</div>   

</td>
 <td rowspan="7">
 	<img src="images/index_11.gif" width="15" height="603" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="550" alt=""></td>
</tr>
<tr>
 <td colspan="3" rowspan="2">
 	<img src="images/index_12.gif" width="91" height="5" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
 <td colspan="5" rowspan="3">
 	<img src="images/index_13.gif" width="576" height="36" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
 <td rowspan="4">
 	<img src="images/index_14.gif" width="3" height="48" alt=""></td>
 <td align="center" background="images/index_15.gif"><span class="style1">Copyright © 2006</span></td>
 <td rowspan="4">
 	<img src="images/index_16.gif" width="3" height="48" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
 <td rowspan="3">
 	<img src="images/index_17.gif" width="85" height="27" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
 <td colspan="2" rowspan="2">
 	<img src="images/index_18.gif" width="183" height="16" alt=""></td>
 <td>
 	<img src="images/index_19.gif" width="91" height="14" alt=""></td>
 <td colspan="2" rowspan="2">
 	<img src="images/index_20.gif" width="302" height="16" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
 <td>
 	<img src="images/index_21.gif" width="91" height="2" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
 <td>
 	<img src="images/spacer.gif" width="25" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="3" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="85" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="3" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="15" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="153" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="30" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="91" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="37" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="265" height="1" alt=""></td>
 <td>
 	<img src="images/spacer.gif" width="21" height="1" alt=""></td>
 <td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>

</html>

Lenke til kommentar
Videoannonse
Annonse

1. Fjern alle javascriptene! Hva skal du med dato på siden? Vist du har PHP på serveren du skal ha siden på kan du bare bruke <?php echo("date()"); ?>

 

2. Begynn å bruke CSS isteden for tabeller med en gang!

Det er vanskelig å komme seg ut av tabeller etterpå, ImageReady slice bør ikke brukes!

 

3. Hva er det egentlig du spør om!? Hvordan du skal få en underside inn i hovedrammen!?

Bruk includescript:

 

<?php

$default	= "forside"; //Forsiden
$mappe      = "side"; //Der undersiden ligger
$etternavn	= "php"; //Filetternavnet på sidene
$side = $_GET['side'];

if (preg_match('/(http:\/\/|^\/|\.+?\/)/', $side)) echo "Feil i adressen!"; 

elseif (!empty($side))          	
{
if (file_exists("$mappe/$side.$etternavn"))    
 include("$mappe/$side.$etternavn");    	
else              
 echo("ERROR!");
}
else              	
include("$mappe/$default.$etternavn");    	

?>

Lenke til kommentar

1. Hvorfor skal jeg fjerne alle javascriptene? Det er ingen spesiell grunn til å ha datoen der, men alt skal endres på etterhvert som jeg lærer ting. Som sagt så er dette faktisk den første siden jeg koder selv og har så vidt hatt erfaring fra html...

 

2. Hvordan gjøres dette ang layouten som er lagd i ps? Har nettopp begynt å lese litt om css og kan ikkje så mye om dette...

 

3. Det stemmer. Men har aldri vært borti php, så her trenger jeg litt ekstra hjelp...

Lenke til kommentar

Grunnen til at jeg valgt java, var at de fleste "ferdigkodene" jeg fant var i dette språket. Kan godt bruke php, men har ikke peiling på hva som er best/eller hvordan jeg bruker det...

Kom med noen gode sider ang php vist du eller andre har.. :)

Lenke til kommentar

Vanligvis må du skifte navn på fila med phpkode i til .php (eks: index.html blir til index.php)

 

php plasseres innenfor <body> taggene, ja =)

 

Lykke til videre, og ikke gi deg selv om du støter på et par problemer!

Lenke til kommentar
php plasseres innenfor <body> taggene, ja =)

6128184[/snapback]

PHP kan strengt tatt plasseres akkurat hvor man vil i dokumentet, kommer an på hvilken funksjon den har. Jeg bruker for eksempel php for å sjekke klienten etter XML-kompatibilitet, helt øverst i dokumentet.

Lenke til kommentar
Grunnen til at jeg valgt java, var at de fleste "ferdigkodene" jeg fant var i dette språket.

6127199[/snapback]

Litt OT, men jeg bare må få sagt det!

Java og javascript må ikke blandes...

6130640[/snapback]

 

Notert..

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...