Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Frames

mjacob

Startad av mjacob,
i Webbutveckling

Rekommendera Poster

mjacob

mjacob

Postad
Postad

Hej!

 

Jag behöver hjälp med en kod som gör att man skrollar ner alla framsen på en sida samtidigt.

 

koden jag använder på framsen

<FRAMESET FRAMEBORDER=0 BORDER=0 FRAMESPACING=0 COLS="10%, 25%, 10%, 10%, 25%">

<FRAME FRAMEBORDER=0 NORESIZE SRC="http://www.sida-1.se">
<FRAME FRAMEBORDER=0 NORESIZE SRC="http://www.sida-2.se">
<FRAME FRAMEBORDER=0 NORESIZE SRC="http://www.sida-3.se">
<FRAME FRAMEBORDER=0 NORESIZE SRC="http://www.sida-4.se">
<FRAME FRAMEBORDER=0 NORESIZE SRC="http://www.sida-5.se">

</FRAMESET>
</FRAMESET>

 

Tacksam för svar

 

//Matte

 

 

PS. Poäng utlovas för bra svar DS.

 

 

 

Länk till kommentar
Dela på andra webbplatser
mjacob

mjacob

Postad
  • Trådskapare
Postad

Jag vill scrolla ner alla framesen genom att scrolla mitt på sidan. Men om det finns en bättre lösning så är det välkommet.

 

Tack på förhand

 

//Matte

 

[inlägget ändrat 2009-01-18 20:18:48 av mjacob]

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

den egentliga frågan var varför du använder frames.

är sidor på 5 olika domäner eller varför vill du göra just så?

 

Länk till kommentar
Dela på andra webbplatser
mjacob

mjacob

Postad
  • Trådskapare
Postad
den egentliga frågan var varför du använder frames.

Jag använder frames för att sätta ihop 5 olika med information till en. Alltså om man ändrar en utav sidorna ändrar det sog på alla sidor som använder sig utav denna fuktionenSedan vill jag kunna scrolla ner dom samtidigt så att det ser ut som om de är en sida.

 

är sidor på 5 olika domäner eller varför vill du göra just så?

Det är sidor på samma domän men jag hade det som ett exempel.

 

Tacksam för svar!

 

//Matte

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

Då använder du frames på ett felaktigt sätt, imo.

Du borde använda SSI (Server Side Includes) istället.

 

Då har man en föräldrasida (precis som index.htm) som infogar 5 sidor i sig. Då kommer allt innehåll i föräldern och man kan skrolla, precis om du vill göra.

 

Kan du använda .asp eller .php sidor på din webbserver?

 

Länk till kommentar
Dela på andra webbplatser
mjacob

mjacob

Postad
  • Trådskapare
Postad
Kan du använda .asp eller .php sidor på din webbserver?

 

Ja det kan jag.

 

Går det att köra lokalt utan webserver installerat på datorn?

 

//Matte

 

[inlägget ändrat 2009-01-19 17:50:46 av mjacob]

Länk till kommentar
Dela på andra webbplatser
mac3

mac3

Postad
Postad

Hejsan alla

 

Jag har ett förslag som påminner lite om Server Side Includes.

mitt förslag bygger på javascript dokument som bifogar till sidan.

 

ett javascript dokument kan innehålla exempelvis menyer eller sidor eller funktioner

 

ett exempel på kod

exempel.html

 

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

 

<html>

<head>

<title>exempel</title>

 

 

 

</head>

 

<body>

 

 

<script type="text/javascript" src="text.js">

</script>

 

 

</body>

</html>

 

-----------------------------------------------------------------------------------

text.js

 

document.write("EN VALFRI TEXT");

// eller så här

document.write('<br>EN VALFRI TEXT1');

// eller så här

msg="<br>EN VALFRI TEXT2";

document.write(msg);

// eller så här

msg1="<br>EN";

msg2="VALFRI";

msg3="TEXT";

 

document.write(msg1+" "+msg2+" "+msg3+"3");

 

------------------------------------------------------------------------------------

Slutresultat

 

EN VALFRI TEXT

EN VALFRI TEXT1

EN VALFRI TEXT2

EN VALFRI TEXT3

 

 

 

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

fast det är rätt bökigt att behöva formatera js-texten.

Om man vill använda ett specialtecken kanske inte detta fungerar.

Dessutom dåligt i sökmotorsperspektiv.

 

Så min rekommendation: INTE använda js som includes för vanligt innehåll.

 

 

Länk till kommentar
Dela på andra webbplatser
mac3

mac3

Postad
Postad

Hmm vad menar du med bökigt och du kan ju använda specialtecken

men få inte använda avslutatecken.

exempel på avslutatecken är "" men fungerar inte så bra om man ska skriva html och css men det finns lösning på problemet.

document.write("EN VALFRI TEXT");

 

lösning är man byter ut de avslutatecken "" till ''

document.write('\n$¤@');

 

 

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad
men fungerar inte så bra om man ska skriva html och css

Med bökigt menar jag det jag skriver. Och du tar upp problemet själv.

 

SSI är mycket bättre för du kan man skriva rätt upp och ner utan krussiduller vilket man inte kan göra med js.

 

+ sökmotorssynpunkten, återigen.

 

Länk till kommentar
Dela på andra webbplatser
mjacob

mjacob

Postad
  • Trådskapare
Postad

Hej!

 

Tack för alla svaren.

 

Men fortfarande återstår det ett problem både vad det gäller ssi och js. Hur kan man bestämma brädden på de olika fönsterna som jag gjorde i början med framsen?

 

//Matte

 

Länk till kommentar
Dela på andra webbplatser
mac3

mac3

Postad
Postad

hejsan igen

 

jovisst är SSI enklare att bifoga filer

jag kan inte se att skulle vara bökigt om man skriver upp html sen klippa ut den delen av html till mellan de här ' '

så här

document.write('<a alt="bild1" href="#" title="bild1" class="bild1"><img src="1x1.gif" style="border: 0px; width: 100px; height: 40px;"></a>');

 

jag förstår inte vad du menar med sökmotorssynpunkten

 

man ska komma ihåg att javascript är motsatsen serversidan men finns också script på serversidan. man kan inte jämföra javascript med php eller andra server språk.

man kan bygga javascript sökmotor som är koppla till server serversidan för få en direkt slutresultat eller koppla till liten databas som består av en lista och ingen mer.

 

jag ville bara ge ett förslag när inte man hade SSI

 

 

Länk till kommentar
Dela på andra webbplatser
mac3

mac3

Postad
Postad

Storlek i pixlar (bildpunkter): <frameset cols="100, 250, 300">

(Själva enheten "pixlar, px" behöver ej anges)

Storlek i procent (%) av webläsarfönstret:<frameset cols="50%, 50%">

Relativ storlek: <frameset cols="*, 500, *">

Använd en asterisk (*) för att tilldela ramen eller kolumnen resterande utrymme av webläsarfönstrets yta. Om du anger asterisk (*) på två eller fler kolumner delar de lika på resterande utrymme.

Storlek i förhållande till de andra ramarna: <frameset cols="1*, 3*, 1*">

Ett andelsvärde och en asterisk anger storlek i förhållande till andra ramar vilkas storlek också anges med asterisk. I exemplet ovan är den första kolumnen 20% (1/5), den andra 60% (3/5) och den tredje 20% (1/5).

 

 

tips på iframe

 

 

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

 

<html style="height: 100%; width: 100%;">

<head>

<title></title>

</head>

 

<body style="height: 100%; margin: 0px; width: 100%;">

 

<iframe src="iframe-sidan.htm" name="iframe" width="19.95%" height="100%" style="overflow-x: hidden;" allowtransparency="true"></iframe>

<iframe src="iframe-sidan.htm" name="iframe" width="20%" height="100%" allowtransparency="true" style="overflow: hidden;" ></iframe>

<iframe src="iframe-sidan.htm" name="iframe" width="20%" height="100%" allowtransparency="true" style="overflow: hidden;" ></iframe>

<iframe src="iframe-sidan.htm" name="iframe" width="20%" height="100%" allowtransparency="true" style="overflow: hidden;" ></iframe>

<iframe src="iframe-sidan.htm" name="iframe" width="20%" height="100%" allowtransparency="true" style="overflow: hidden;" ></iframe>

 

 

</body>

</html>

 

 

 

Slutresultat

 

----------------------------------------------------------

- en sida - en sida - en sida - en sida - en sida - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

----------------------------------------------------------

 

 

 

 

 

 

 

[inlägget ändrat 2009-01-20 18:37:39 av mac3]

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad
jag förstår inte vad du menar med sökmotorssynpunkten

Sidan ( eller rättare sagt innehållet ) kommer inte hittas och indexeras av Google, Eniro, Live Search m fl

 

Och har någon stängt av javascript så syns inget.

Blir det ett litet js-fel så syns inget.

 

Men visst, kör på din idé du.

[inlägget ändrat 2009-01-20 21:40:34 av Jonas_Bo]

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad
Men fortfarande återstår det ett problem både vad det gäller ssi och js. Hur kan man bestämma brädden på de olika fönsterna som jag gjorde i början med framsen?

 

Man bygger en sida med tabeller elle hellre med Div och css

Sedan gör man innehållet i separata sidor, precis som med frames, förutom att man inte lägger till HTML, BODY osv utan endast det som skall visas i de delar man väljer att ha i tabellcellerna / divvarna

 

<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title>Mallsida med SSI</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" href="style/css.css"/>
</head>
<body>
<table style="width:750px;">
	<tr>
		<td><!-- #include file="includes/del1.shtml"--></td>
		<td><!-- #include file="includes/del2.shtml"--></td>
		<td><!-- #include file="includes/del3.shtml"--></td>
		<td><!-- #include file="includes/del4.shtml"--></td>
		<td><!-- #include file="includes/del5.shtml"--></td>
	</tr>
</table>
</body>
</html>

 

i includes/del1.shtml kan innehållet t ex vara:

<h2>Min fina rubrik</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam egestas metus vitae leo. Morbi elementum vulputate sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam in mi at libero dignissim molestie. In malesuada lacinia nisi. Praesent placerat consequat nisl. Praesent mi nulla, pellentesque quis, mattis vel, iaculis quis, sem. Etiam congue mauris at massa. Nunc massa quam, commodo quis, malesuada non, elementum at, nibh. Nulla erat libero, malesuada id, vestibulum quis, nonummy in, dolor. Ut sapien nunc, placerat vel, faucibus sed, accumsan at, tellus.</p>

<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Nunc quis est quis pede iaculis suscipit.</li>
<li>Aenean congue ante nec risus.</li>
<li>Maecenas lobortis pede vel augue.</li>
<li>Suspendisse interdum magna hendrerit dui.</li>
<li>Etiam sit amet ligula et dolor nonummy interdum.</li>
<li>Duis congue scelerisque nisl.</li>
</ul>

 

 

Detta specifika exempel fungerar för .asp samt .shtml-filer, dock inte .php

[inlägget ändrat 2009-01-20 21:46:50 av Jonas_Bo]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...