Toon posts:

Dreamweaver -- HALO standaardset--> Hoe een link opzetten???

Pagina: 1
Acties:
  • 52 views sinds 30-01-2008

donderdag 8 januari 2004 22:39

Acties:

Verwijderd

Topicstarter
Ik ben een webpagina aan het bouwen met Dreamweaver MX 2004 V7.0 .

Hier staat standaard in het opmaak menu een optie Halo Left Nav onder Pagedesigns Css.... Deze heb ik gekozen. Maar wie weet hoe je hier een link moet maken zodat de output dus ook in het hoofdkader komt. Ik heb er een hele tijd naar gekeken maar ik krijg het niet voor elkaar. Weet iemand hoe het wel moet?

Alvast bedankt

donderdag 8 januari 2004 22:41

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

Dit is een optie in het programma zelf, dus dit hoort in SA.

donderdag 8 januari 2004 22:51

Acties:

Verwijderd

Halo Left Nav is een standaard template in DW die je kan kiezen: maw een soort voorgebakken template. Klik eens op een link en kijk in het "property" window, verander # in de gewenste link.

donderdag 8 januari 2004 22:55

Acties:

Verwijderd

Topicstarter
Als ik # in de link verander, dan werkt de link wel maar dan opent ie een nieuwe browser om het af te beelden. En het moet in het midden komen te staan... (soort frameidee dus). Heb al veel geprobeerd maar vrees dat ik er niet meer uitkom

donderdag 8 januari 2004 23:09

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

Verwijderd schreef op 08 januari 2004 @ 22:55:
Als ik # in de link verander, dan werkt de link wel maar dan opent ie een nieuwe browser om het af te beelden. En het moet in het midden komen te staan... (soort frameidee dus). Heb al veel geprobeerd maar vrees dat ik er niet meer uitkom
Dan moet je een andere target aan die link geven.

donderdag 8 januari 2004 23:10

Acties:

Verwijderd

Topicstarter
dat kan juist niet omdat er geen frames standaard in de Halo set zijn gedefinieerd. Dus het is zeg maar 1 hele pagina, met links.

donderdag 8 januari 2004 23:16

Acties:
  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024

faabman

post eens wat van je code, want we kunnen moeilijk gissen hoe de pagina nu eigenlijk is opgebouwd

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

donderdag 8 januari 2004 23:19

Acties:

Verwijderd

Topicstarter
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css">
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 7;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead">
<h1 id="siteName">Site Name</h1>
<div id="utility">
<a href="#">Utility Link</a> | <a href="#">Utility Link</a> | <a href="#">Utility
Link</a>
</div>
<div id="globalNav">
[img]"gblnav_left.gif"[/img] [img]"glbnav_right.gif"[/img]
<div id="globalLink">
<a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global
link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
link</a>
</div>
<!--end globalLinks-->
<form id="search" action="">
<input name="searchFor" type="text" size="10">
<a href="">search</a>
</form>
</div>
<!-- end globalNav -->
<div id="subglobal1" class="subglobalNav">
<a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
link</a> | <a href="#">subglobal1 link</a>
</div>
<div id="subglobal2" class="subglobalNav">
<a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
link</a> | <a href="#">subglobal2 link</a>
</div>
<div id="subglobal3" class="subglobalNav">
<a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
link</a> | <a href="#">subglobal3 link</a>
</div>
<div id="subglobal4" class="subglobalNav">
<a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
link</a> | <a href="#">subglobal4 link</a>
</div>
<div id="subglobal5" class="subglobalNav">
<a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
link</a> | <a href="#">subglobal5 link</a>
</div>
<div id="subglobal6" class="subglobalNav">
<a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
link</a> | <a href="#">subglobal6 link</a>
</div>
<div id="subglobal7" class="subglobalNav">
<a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
link</a> | <a href="#">subglobal7 link</a>
</div>
<div id="subglobal8" class="subglobalNav">
<a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
link</a> | <a href="#">subglobal8 link</a>
</div>
</div>
<!-- end masthead -->
<div id="pagecell1">
<!--pagecell1-->
[img]"tl_curve_white.gif"[/img] [img]"tr_curve_white.gif"[/img]
<div id="breadCrumb">
<a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> /
</div>
<div id="pageName">
<h2>Page Name</h2>
[img]""[/img]
</div>
<div id="pageNav">
<div id="sectionLinks">
<a href="#">Section Link</a> <a href="Kopie%20van%20Untitled-1.htm">Section Link</a> <a href="protocollen.htm">Section
Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
Link</a>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a>
</div>
<div id="advert">
[img]""[/img] Advertisement copy goes here.
Advertisement copy goes here.
</div>
</div>
<div id="content">
<div class="feature">

</div>
</div>
<!--end pagecell1-->
<br>
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>

donderdag 8 januari 2004 23:20

Acties:

Verwijderd

Topicstarter
denk zelf dat je met verschillende pages moet werken... maar naar mijn id werkt dat niet mooi en vloeiend

donderdag 8 januari 2004 23:22

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

Verwijderd schreef op 08 januari 2004 @ 23:19:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css">
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 7;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead">
<h1 id="siteName">Site Name</h1>
<div id="utility">
<a href="#">Utility Link</a> | <a href="#">Utility Link</a> | <a href="#">Utility
Link</a>
</div>
<div id="globalNav">
[img]"gblnav_left.gif"[/img] [img]"glbnav_right.gif"[/img]
<div id="globalLink">
<a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global
link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
link</a>
</div>
<!--end globalLinks-->
<form id="search" action="">
<input name="searchFor" type="text" size="10">
<a href="">search</a>
</form>
</div>
<!-- end globalNav -->
<div id="subglobal1" class="subglobalNav">
<a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
link</a> | <a href="#">subglobal1 link</a>
</div>
<div id="subglobal2" class="subglobalNav">
<a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
link</a> | <a href="#">subglobal2 link</a>
</div>
<div id="subglobal3" class="subglobalNav">
<a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
link</a> | <a href="#">subglobal3 link</a>
</div>
<div id="subglobal4" class="subglobalNav">
<a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
link</a> | <a href="#">subglobal4 link</a>
</div>
<div id="subglobal5" class="subglobalNav">
<a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
link</a> | <a href="#">subglobal5 link</a>
</div>
<div id="subglobal6" class="subglobalNav">
<a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
link</a> | <a href="#">subglobal6 link</a>
</div>
<div id="subglobal7" class="subglobalNav">
<a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
link</a> | <a href="#">subglobal7 link</a>
</div>
<div id="subglobal8" class="subglobalNav">
<a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
link</a> | <a href="#">subglobal8 link</a>
</div>
</div>
<!-- end masthead -->
<div id="pagecell1">
<!--pagecell1-->
[img]"tl_curve_white.gif"[/img] [img]"tr_curve_white.gif"[/img]
<div id="breadCrumb">
<a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> /
</div>
<div id="pageName">
<h2>Page Name</h2>
[img]""[/img]
</div>
<div id="pageNav">
<div id="sectionLinks">
<a href="#">Section Link</a> <a href="Kopie%20van%20Untitled-1.htm">Section Link</a> <a href="protocollen.htm">Section
Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
Link</a>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
Link</a>
</div>
<div id="advert">
[img]""[/img] Advertisement copy goes here.
Advertisement copy goes here.
</div>
</div>
<div id="content">
<div class="feature">

</div>
</div>
<!--end pagecell1-->
<br>
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>
Ik zie het al, daar bijna bovenaan zit het fout. Zie je het?

[ Voor 96% gewijzigd door André op 08-01-2004 23:25 ]

donderdag 8 januari 2004 23:31

Acties:

Verwijderd

Topicstarter
?? neej ik zie het niet.... jah sorry heb het hele script maar gepost.... wel beetje lang maar misschien dat het iets teweeg brengt..

vrijdag 9 januari 2004 00:31

Acties:

Verwijderd

je moet ook de optie > "create entire site from scratch" aanvinken, anders werkt het niet. Die zit hier.

[ Voor 38% gewijzigd door Verwijderd op 09-01-2004 00:32 ]

zondag 11 januari 2004 20:01

Acties:

Verwijderd

Topicstarter
waar kan ik deze precies vinden? , ik zie hem nl. zo 123 nog niet

dinsdag 13 januari 2004 13:23

Acties:

Verwijderd

Topicstarter
ik heb geprobeerd hem te vinden maar het lukt niet.... 8)7

dinsdag 13 januari 2004 13:26

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 12:46

crisp

Devver

Pixelated

Leer HTML, gebruik je F1 toets, lees de DW manual of zoek een tutorial op; dit gaat nergens over zo...

Intentionally left blank

Pagina: 1

Dit topic is gesloten.