Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  19 1397
Har fått i oppdrag å fikse litt på denne siden: www.studioronin.com

Etter noen timer med blyant og papir, og et annet forkastet forslag har jeg kommet frem til denne: http://ninja5000.com/ronin/new/home.php som oppdragsgiver er meget godt fornøyd med.

Problemet er menyen. Jeg mekket en standard rollover i FireWorks slik at når man førte musa over ble den aktuelle teksten i menyen rød. Problemet var at når man trykket på linken så reagerte ikke siden slik den skulle.

Linkene i menyen ser slik ut:

Kode

<a href="home.php?menu=artbooks.php">
...og i home.php bruker jeg:

Kode

<?php
switch($_GET['menu']) {
case "artbooks.php":
include("artbooks.php");
break;
case "prints.php":
include("prints.php");
break;
case "history.php":
include("history.php");
break;
case "clients.php":
include("clients.php");
break;
case "licence.php":
include("licence.php");
break;
case "members.php":
include("members.php");
break;
case "contact.php":
include("contact.php");
break;
default:
include("def.htm");
break;
}
?>
Det vil si at dersom noen trykket på f.eks. artbooks så skulle adresselinja i browseren se slik ut:
/home.php?menu=artbooks.php
men det gjorde den ikke. Den så isteden slik ut:
/home.php#

Har googlet meg frem til at js-rollovers ikke går så bra med php på den måten, og mitt problem er da: hvordan fikse det?

Har kikket litt på CSS, men utifra det jeg har funnet ut så kan jeg ikke få det resultatet jeg trenger med det. Kan bare endre bakgrunn, tekst osv. Og siden menylinkene her er bilder, så går det ikke.

Kan også nevne at jeg har prøvd 3 forskjellige rolloverscript, og ingen funka (javascript alt).

So...noen forslag til hvordan jeg kan fikse det?
Hjernen brenner
Lord_Kamikaze's Avatar
Funka for meg...
n5k
Rokkukyu
n5k's Avatar
Trådstarter
Hva funka for deg?
Mekka du rollover i FireWorks, og brukte samme koden som jeg gjorde?
Hjernen brenner
Lord_Kamikaze's Avatar
Det vil si at dersom noen trykket på f.eks. artbooks så skulle adresselinja i browseren se slik ut:
/home.php?menu=artbooks.php
men det gjorde den ikke. Den så isteden slik ut:
/home.php#
Vis hele sitatet...
Det funka. Jeg har lagd rollovers i fireworks og i imageready, men det er for lenge siden til at jeg kan hjelpe deg med det. Sorry for lite utfyllende svar.
n5k
Rokkukyu
n5k's Avatar
Trådstarter
Ja...klart det funka. Jeg har jo fikset linkene, slik at dem funker. Men hvis du stikker inn på siden en gang til, så ser du at det ikke er noen rollover...siden det ikke funka...

Tror du missforstod litt. Mulig jeg forklarte meg dårlig.
ex-crew uten solbriller
SharQ's Avatar
Må du absolutt ha index.php?side=noe.php da?

Kan du ikke bare ha en haug PHP sider, som du går til når du klikker på en linke, og så ha en header og en footer istedet? Da fungerer rolloverene som normalt også.

hele den herre index.php?side=noe greia er jo langt nyttigere om du benytter deg av en database for å lagre sidenes innhold...

h
jeg forstår ikke helt hvorfor du ikke kan gjør det i css? hvis det bare er området bak linkene som ska markeres
Lag til rollovers så vi får se hvordan de skal funke da. Kan 99% sikkert løses kun med CSS. Det siste prosentet kan løses med litt korrekt JS som følger W3C's DOM og andre spesifikasjoner.
n5k
Rokkukyu
n5k's Avatar
Trådstarter
SharQ: Om jeg må? Nei, men jeg har lyst. Driver å lærer meg php vettu, one litle goddamn step at a time
Men det blir vel den løsningen du nevner dersom jeg ikke finner ut noe mer.

Ca|Va?: Fordi det er teksten som skal skifte farge. Ikke området bak...
Kan ikke svare på problemet med rollovers, men jeg tok en titt på HTMLen. Det var veldig rotete, og mange tags bør fjernes. F.eks. var det tre <html>. Sjekk innholdet i filer du includer.
n5k
Rokkukyu
n5k's Avatar
Trådstarter
Slik skal det være: http://www.ninja5000.com/rollover
n5k
Rokkukyu
n5k's Avatar
Trådstarter
gaucho: alt det tar jeg til slutt. Fint at du sier ifra tho...
Det er jo ikke problem. Kan trikses med fin CSS
og det er totalt uaktuelt å bruke tekst i menyene i stedet for grafikk?.. ja det er gjerne det forresten..

edit: det går jo ennå ann med css ja.. fikse noe sånt overlay bilde eller noe på mous over.. må innrømme at avansert css ikke er noe jeg har stor erfaring med..
Sist endret av salve; 25. mars 2004 kl. 19:37.
Up is the new down
SilverKhan's Avatar
jeg vet om en rar måtte å lage roll-over bilder med CSS, men jeg aner ikke om den er w3 valid og funker i alle browsere...

Basically, så tar du to bilder opp å hverandre og gjør slik at det ene bildet flytter seg til sida når du har musa over bildene... Det bildet som flytter seg kan man flytte under et annet bilde som er statisk...

Jeg har aldri prøvd det, men jeg synes det virker logisk...
Sist endret av SilverKhan; 25. mars 2004 kl. 19:56.
n5k
Rokkukyu
n5k's Avatar
Trådstarter
Hørtes jævlig buggy ut...
hmm, når jeg prøvde med den "eksempel rolloveren" din.. va r det jo bare å bytte ut <a href=#> tingen rett før rollover bildet.. funket det...

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="no" xml:lang="no">
<head>
	<title>TipeX rulez teh intarnet!</title>
	<meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-1" />

	<style type="text/css" media="all" title="stylesheet">
	/* Fjerner rammer fra bilder som er linker */
	img {
		border: 0;
	}
	
	/* Setter visningsmåten(display) av bildene riktig for første gang */
	img#rollnone {
		display: block;
	}
	img#rollon {
		display: none;
	}
	
	/* Når a#fubar har musepekeren over seg, bytt visningsmåten på bildene slik at det andre blir visende og det første skjult. Byttes automatisk tilbake når musepekeren forsvinner */
	a#fubar:hover img#rollnone {
		display: none;
	}
	a#fubar:hover img#rollon {
		display: block;
	}
	</style>
</head>

<body>
<!-- IDen for linkene må være unike. Det må også lages unike felt i CSSen. Anbefales at du lager en egen .css fil som du henter inn i ett sentralt stilsett med @import url("links.css"); -->
<a id="fubar" href="?teh=OMG">
	<!-- Også IDen for bildene må være unike. -->
	<img id="rollnone" src="rollover_black.gif" alt="rollover" />
	<img id="rollon" src="rollover_red.gif" alt="rollover" />
</a>
</body>
</html>
http://validator.w3.org/check?uri=ht...tomatically%29
http://jigsaw.w3.org/css-validator/v...2Frollover.htm
n5k
Rokkukyu
n5k's Avatar
Trådstarter
Ca|Va?: og hva skrev du i anchor-taggen da?
n5k
Rokkukyu
n5k's Avatar
Trådstarter
Juhu!

Fikk det til med CSS. Har sikkert gjort det på en SYKT tungvint måte, men det driter jeg i