Hexagora Forum
Hexagora Forum
Home | Profile | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Dynamic HTML Editor
 Dynamic HTML Editor
 Jump to...
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

bronee
Master

180 Posts

Posted - 08 Jun 2013 :  18:50:58  Show Profile  Visit bronee's Homepage  Reply with Quote
How do I make a link that can jump to a special place on a page? So people dont have to scroll a lot to find...

Best regards Lars

Jan van Londen
Super User

Netherlands
208 Posts

Posted - 09 Jun 2013 :  12:02:47  Show Profile  Visit Jan van Londen's Homepage  Reply with Quote
You can make a link in the page to a certain "name".

The link:
<a href="#XXXX">Direct to X</a>

The name:
<a name="XXXX">

By klicking on the link you jump to the name.

Bye,
Londen.
Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  12:33:13  Show Profile  Visit bronee's Homepage  Reply with Quote
I need a little more information :)
Go to Top of Page

Jan van Londen
Super User

Netherlands
208 Posts

Posted - 09 Jun 2013 :  13:06:25  Show Profile  Visit Jan van Londen's Homepage  Reply with Quote
Sorry, I forgot to close the name, it should be:

<a name="XXXX"></a>


If you put the link in top of the page and the "name" on the place where you want them to go to, it will work.



Bye,
Londen.
Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  13:26:43  Show Profile  Visit bronee's Homepage  Reply with Quote
Sorry i don`t get it. I create a normal link and write <a name="XXXX"></a> in the link field?
Go to Top of Page

Jan van Londen
Super User

Netherlands
208 Posts

Posted - 09 Jun 2013 :  17:33:28  Show Profile  Visit Jan van Londen's Homepage  Reply with Quote
I put an example on line:
http://vanlonden.org/risgids/

If you click on "CAO-Net" you jump to "CAO-net" lower in the page.


Bye,
Londen.
Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  19:54:24  Show Profile  Visit bronee's Homepage  Reply with Quote
yes I understand, but dont know how to do from the information you gave me.
Go to Top of Page

s.dav
Site Admin

Italy
3364 Posts

Posted - 09 Jun 2013 :  20:47:02  Show Profile  Visit s.dav's Homepage  Reply with Quote
Bronee, check the help on the Link wizard, you should have a good explanation...

Regards, Davide
Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  21:14:40  Show Profile  Visit bronee's Homepage  Reply with Quote
Link wizard?

Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  21:19:11  Show Profile  Visit bronee's Homepage  Reply with Quote
I dont find any help menu in the link wizard?
Go to Top of Page

joneq
Super User

433 Posts

Posted - 09 Jun 2013 :  22:08:33  Show Profile  Visit joneq's Homepage  Reply with Quote
open the dhe help files [open dhe--top menu- help>help] and search for "link wizard" on the top left

Edited by - joneq on 09 Jun 2013 22:10:07
Go to Top of Page

joneq
Super User

433 Posts

Posted - 09 Jun 2013 :  22:12:46  Show Profile  Visit joneq's Homepage  Reply with Quote
Link Wizard

The Link Wizard permits you to create links to other pages or to a zone of the current one.


How to create a link
Choose from the 4 options at the top:

a) File in current project
Creates a link to a page present in current project. Simply choose a destination page and you should see "project://filename.ext" in the URL field.
If the linked file has a .dhe extension, when exporting Dynamic HTML Editor will check the file, creating a link to the correct destination page.
It's possible to jump to a specific point of the chosen page adding #linkname to the URL

like this:
project://filename.ext#linkname

b) Files on my computer
Permits you to link files that are on your computer; you should first copy these files to the destination site directory before linking to them. This is necessary because otherwise you may experience errors when you publish your site to the internet. The linked to file must be on the server.

c) Files on internet
Permits you to link external files or sites

c) Javascript call
Permits you to call a javascript function

Link Name and Target Frame
The link name is useful when you want to jump to a specific zone of a page. The character # is placed before the name of a link to jump to.
Target frame indicates the destination frame of the link.
You can write the name you want; there are also predefined values:
_new - jump to link creating a new window
_top - jump to link in top frame
_parent - jump to link in parent frame
_blank - jump to link in a new frame
_self - jump to link in this frame

Examples:

For jumping from link1 to link2 in the same page:
1) create link2 and name it (link2)
2) create link1 and write #link2 in the link field

For jumping from link1 to link2 in different pages:
1) create link2 in page 2 and name it (link2)
2) create link1 in page 1 and write page2.dhe#link2 (or page2.htm#link2)


Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  22:44:44  Show Profile  Visit bronee's Homepage  Reply with Quote
Thank you. When I try to link to "file in current project" the buttom is muted? That is -> impossible to choose?
Go to Top of Page

bronee
Master

180 Posts

Posted - 09 Jun 2013 :  23:35:50  Show Profile  Visit bronee's Homepage  Reply with Quote
Sorry I only have used the editor without any special code, so I need to have it explained in detail...
Go to Top of Page

bronee
Master

180 Posts

Posted - 10 Jun 2013 :  10:29:23  Show Profile  Visit bronee's Homepage  Reply with Quote
fx where should i put the HTML Anchor tag?
Go to Top of Page

joneq
Super User

433 Posts

Posted - 10 Jun 2013 :  17:22:34  Show Profile  Visit joneq's Homepage  Reply with Quote
http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479511/So-You-Want-A-Page-Jump-Huh.htm

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_locations

scroll down a bit on the left side[code] to chapter 4 [jump to] section - find <h2><a id="C4">Chapter 4</a></h2> you don't need the h2 tags just the <a id="C4">Chapter 4</a> anchor tags [notice that only chapter4 code has the id #C4 to link to]

then see at the top on the left side is the code for the right side--find
<a href="#C4">See also Chapter 4.</a>

that is the code for the underlined link in blue on the right

click and it jumps to id="C4"
Go to Top of Page

bronee
Master

180 Posts

Posted - 10 Jun 2013 :  17:51:24  Show Profile  Visit bronee's Homepage  Reply with Quote
Hey i bougth the book "Web design for dummies" :)

And somehow I figured it out......

http://larsbronee.dk/matematik.htm

Of course now i need a "back to top" also!

/Lars
Go to Top of Page

joneq
Super User

433 Posts

Posted - 10 Jun 2013 :  18:58:16  Show Profile  Visit joneq's Homepage  Reply with Quote

you should be using something like this IMO--no jump to, no scrolling, no back to top.
http://zozoui.com/tabs/#demo-tabs=purchase

free here-not as good though
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

I always liked this site for quick n easy learning

http://www.htmldog.com/

Edited by - joneq on 10 Jun 2013 19:05:57
Go to Top of Page

bronee
Master

180 Posts

Posted - 10 Jun 2013 :  19:24:29  Show Profile  Visit bronee's Homepage  Reply with Quote
Anyway I made it work after all :)
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Hexagora Forum © s.dav Go To Top Of Page
Snitz Forums 2000