webForumDet fria alternativet
Logga in

Hämta html via html

8 svar · 412 visningar · startad av Meng

MengMedlem sedan feb. 2003549 inlägg
#1

Hej hej Erik och ni andra, tyckte det va på tiden att jag blev medlem här =)

sitter och pular med en meny som inte vill fungera när man säger att den ska "target" en iframe eftersom menyn måste ligga på samma sida som iframen för att vara brukbar. problemet med det vad jag ser är att om jag struntar i "target" så måste varje ändring i menyn göras på alla sidor "mkt jobb". Så jag tänkte fråga om det är nån som vet vad koden är för att t ex be html doc. hämta menyn varjegång den avläses från "meny.html" jag har sett detta någonstans men jag har ingen aning om vad koden är. någon som kan hjälpa mig?

MengMedlem sedan feb. 2003549 inlägg
#2

okej jag var otydlig.

Jag vill: Hämta HTML från t ex "menu.html" in i ett annat html dokument så att om jag nu ändrar något i menyn så ser den ändå likadan ut på alla sidor. allså precis som alla sidor använder sig av ett css script. nån som förstår?

FlashesMedlem sedan jan. 2003282 inlägg
#3

Kan fixas med SSI, ASP, PHP...
Vad stöder ditt webbhotell för något?

Mvh
Jan-Olov

MengMedlem sedan feb. 2003549 inlägg
#4

just det jag använder för tillfället stöder ingenting men måste jag använda mig av annan kodning än html? har för mig att jag sett att det blivit gjort i html

FlashesMedlem sedan jan. 2003282 inlägg
#5

html kod "kan ingenting" så jag tror ändå att du måste använda dig av något av ovanstående.

Mvh
Jan-Olov

jarvkloMedlem sedan juli 20013 378 inlägg
#6

Du kan använda Javascript om du vill slippa (eller inte får/kan använda) serverside-kodning...

Principen:
Skriv en funktion i en extern javascriptfil som "skriver in" menyn i dokumentet när den anropas...
Exempel: insert_menu.js

function insert_menu() {
  document.write('<table border="1" width="120" cellspacing="0" align="center">');
  document.write('<tr><th style="bgcolor:silver">Meny</th></tr>');
  document.write('<tr><td>ett</td></tr>');
  document.write('<tr><td>två</td></tr>');
  document.write('<tr><td>tre</td></tr>');
  document.write('<tr><td>fyra</td></tr>');
  document.write('</table>');
}

Observera hur taggarna skrivs in som strängar med enkelfnuttar om, så vill du ha attribut på taggarna måste du ha dubbelfnuttar om dessa (som i exemplet ;) )
Länka in den Javascriptfilen i<head>-delen av ditt dokument, och anropa funktioonen på den plats i dokumentet där du vill att menyn skall hamna...

Exempel:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!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="sv" lang="sv">
<head>
	<title>Dynamiskt inladdad meny - exempel</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- ladda funktionen från insert_menu.js -->
	<script type="text/javascript" src="insert_menu.js"></script>

</head>
<body>
<div style="float:left;width:180px">
<!-- anropa funktionen som skriver in menyn -->
<script type="text/javascript">insert_menu();</script>
<noscript>Här skulle du sett en meny om du hade haft Javascript påslaget!</noscript>
</div>
<div style="margin-left:180px;border-left:solid 1px black;height:100%;padding:20px">
Innehållet här<br />
Innehållet här<br />
Innehållet här<br />
</div>
</body>
</html>
MengMedlem sedan feb. 2003549 inlägg
#7

Jag provar använda det i det sammanhanget jag har behov för det och ser om det fungerar. ett problem som borde uppstå är att sidan är:

"index" <--html
* använder css
* använder redan java till menyn
* java meny som ligger i html filen men utsendet ligger i css:en
och en separat *.js till menyns funktion

Jag provar.

MengMedlem sedan feb. 2003549 inlägg
#8

det funkade inte, problem är nog att menyn är i java och länkar i html:n via detta:

<script>

/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

oCMenu.frames = 0

//Menu properties   
oCMenu.pxBetween=0
oCMenu.fromLeft=20
oCMenu.fromTop=0  
oCMenu.rows=1
oCMenu.menuPlacement="0"
                                                             
oCMenu.offlineRoot="" 
oCMenu.onlineRoot="" 
oCMenu.resizeCheck=1 
oCMenu.wait=1000 
oCMenu.fillImg=""
oCMenu.zIndex=1

//Background bar properties
oCMenu.useBar=0
oCMenu.barWidth="0"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX=0
oCMenu.barY=0
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=80
oCMenu.level[0].height=18 
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=0
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"

//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=oCMenu.level[0].width-2
oCMenu.level[1].height=14
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=1
oCMenu.level[1].borderY=1
oCMenu.level[1].align="right" 
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"

//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[2].width=120
oCMenu.level[2].height=14
oCMenu.level[2].offsetX=0
oCMenu.level[2].offsetY=0
oCMenu.level[2].regClass="clLevel2"
oCMenu.level[2].overClass="clLevel2over"
oCMenu.level[2].borderClass="clLevel2border"

/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
oCMenu.makeMenu('top0','','&nbsp;Nyheter','','')
  oCMenu.makeMenu('sub00','top0','Nyheter','/news/index.asp','',79,0)
    oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
		oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
		oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
	oCMenu.makeMenu('sub01','top0','Kalender','/news/archive.asp','',79,0)
	
oCMenu.makeMenu('top1','','&nbsp;Galleri','')
	oCMenu.makeMenu('sub12','top1','Medlemmars bilar','/scripts/index.asp?show=pop','',79,0)
		oCMenu.makeMenu('sub210','sub12','MR Q','1998.html','',95,0)
		oCMenu.makeMenu('sub211','sub12','MR W','1999.html','',95,0)
		oCMenu.makeMenu('sub212','sub12','MR E','2000.html','',95,0)
		oCMenu.makeMenu('sub213','sub12','MR R','2001.html','',95,0)
		oCMenu.makeMenu('sub214','sub12','MR T','2002.html','',95,0)
		oCMenu.makeMenu('sub215','sub12','MR Y','2003.html','',95,0)
		oCMenu.makeMenu('sub216','sub12','MR U osv..','2003.html','',95,0)
	oCMenu.makeMenu('sub10','top1','Ford Crosworth','/scripts/index.asp?show=new','',79,0)
	oCMenu.makeMenu('sub11','top1','Volvo v40','/scripts/index.asp?show=all','',79,0)
	oCMenu.makeMenu('sub13','top1','Blandat','/scripts/index.asp?show=pop','',79,0)
	
oCMenu.makeMenu('top2','','&nbsp;Historik','')
	oCMenu.makeMenu('sub21','top2','Historik','/tutorials/index.asp','',79,0)
	oCMenu.makeMenu('sub22','top2','Årtal','/articles/index.asp','',79,0)
		oCMenu.makeMenu('sub220','sub22','Vad hände - 1998','1998.html','',95,0)
		oCMenu.makeMenu('sub221','sub22','Vad hände - 1999','1999.html','',95,0)
		oCMenu.makeMenu('sub222','sub22','Vad hände - 2000','2000.html','',95,0)
		oCMenu.makeMenu('sub223','sub22','Vad hände - 2001','2001.html','',95,0)
		oCMenu.makeMenu('sub224','sub22','Vad hände - 2002','2002.html','',95,0)
		oCMenu.makeMenu('sub225','sub22','Vad hände - 2003','2003.html','',95,0)

oCMenu.makeMenu('top3','','&nbsp;Gästbok','','',79,0)

oCMenu.makeMenu('top5','','&nbsp;Privat','')
	oCMenu.makeMenu('sub50','top5','Logga in','privat.html','',79,0)

//Leave this line - it constructs the menu
oCMenu.construct()		

</script>

jag kan ungefär inget om javascript så det är nog därför jag har detta problemet.

Web-TorMedlem sedan nov. 200013 890 inlägg
#9

Tråden flyttas från HTML-forumet

130 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)