-
linking a page to a sticky object on another page..???
Hello everyone, I`m new here and was wondering if there is any way to link a button from one page and get it to link to a sticky object (pop up layer) that is on another page..?
I tried using the `Link To Achor` method but it doesn`t seem to work when i preview the page.
Is there another way to do this or is it even possible to do it.
Thanks for any help...
Any more information needed let me know.
-
Re: linking a page to a sticky object on another page..???
Welcome to TalkGraphics
I don't think this can be done natively. But we have some very clever people here who might be able to offer a suggestion. Check back.
-
Re: linking a page to a sticky object on another page..???
Pop up layers are specific to the page they were created in. In other words, you have to be on the page before you can call the pop up to...err...pop up.
Why not duplicate the pop up so it's on both pages?
This bit I'm unsure about: I think you could make a Soft Group so any changes to one would reflect on the other, but please either check yourself or wait for someone to verify that.
-
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
Chris M
Pop up layers are specific to the page they were created in. In other words, you have to be on the page before you can call the pop up to...err...pop up.
Why not duplicate the pop up so it's on both pages?
This bit I'm unsure about: I think you could make a Soft Group so any changes to one would reflect on the other, but please either check yourself or wait for someone to verify that.
Thanks for the reply.. I was thinking that the pop up related to the page you are on. The reason why i didn`t want to duplicate the pop up on both pages is that there is over 50 pop ups on most pages, so i was thinking that if you could link to a pop up on another page it would make the pages less cluttered and save me a lot of time as well..
Thanks for the help though, but it seems like i will have to just put up with having so many pop ups on one page. 1 - 50 pop ups on 24 pages... lol It`s going to be a lot of work.
-
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
gwpriester
Welcome to TalkGraphics
I don't think this can be done natively. But we have some very clever people here who might be able to offer a suggestion. Check back.
Well you were right, there is always someone that will come along with an answer... Thanks.
-
Re: linking a page to a sticky object on another page..???
Create pop up layer and leave it empty.
In the 'Page & Layer Gallery' panel open the pop up layer that's populated with your stuff
Select all you want (ctrl+click or shift+click, you'll work it out)
Copy
Select the empty pop up layer and ctrl+shift+v to paste in place
Chuckle softly to yourself while you tell everyone you had to hand code every line.
-
Re: linking a page to a sticky object on another page..???
That`s exactly what i`m doing at the minute, i have maybe 5 pages done and so far 195 pop ups.... LOL now you see how much i have to do, easier way would have been much simpler and less clutter, but i`m learning something new as i do it so i don`t mind that much.
Thanks for the tips though.
-
Re: linking a page to a sticky object on another page..???
Quote:
i`m learning something new as i do it
^THIS^ Put stars around it, make it bold, make it italic and recreate it in WordArt.
-
Re: linking a page to a sticky object on another page..???
Learning by doing is always the best way. I have been using Xara since 1996 and I am still learning (but a lot of this is remembering what I have forgotten). :)
-
1 Attachment(s)
Re: linking a page to a sticky object on another page..???
Just out of curiosity, why do you have so many pop-ups? Maybe if you can describe what you are doing on the page we can suggest another way of accomplishing what you are doing. For example, if your pop-ups are small and about the same size as the trigger object, you can place all your pop-ups on the MouseOver layer and just link both MouseOff and MouseOver to # (the pound sign). See attached. But if you feel at liberty to share more details of your site there might be other solutions.
-
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
gwpriester
Just out of curiosity, why do you have so many pop-ups? Maybe if you can describe what you are doing on the page we can suggest another way of accomplishing what you are doing. For example, if your pop-ups are small and about the same size as the trigger object, you can place all your pop-ups on the MouseOver layer and just link both MouseOff and MouseOver to # (the pound sign). See attached. But if you feel at liberty to share more details of your site there might be other solutions.
The reason for so many pop ups is that it`s the letters of the alphabet A-Z plus a main page, but 2 letters are not being used (X & Y) 25 pages in total. I`m not going to be publishing the site, i will be storing it on an external drive or usb thumb drive as html.
The main concept is my music collection. I have 736 albums and i just wanted to do a database, but my database is going to teach me how to make a web site as well and figure out problems along the way and maybe come across easier ways to do things.
At the start of my first build i was going to link an artist in the A section (Airbourne) to another page that gave information about the album (eg: Album Name, Year, Genre, Track Listing, Track Length & Album Length). But i decided that was going to be far to many pages and it would overwhelm the whole project i wanted to do. The way i`m doing it now is to link an artist name (on the main INDEX page) to the A section page where all the pop ups are and then click on an album panel on the A section page so a pop up will appear with all the information in the pop up. Less pages but a lot more pop ups. But copy and paste saves me time redoing the pop up for each album..
And yes i know there are databases out there to do all that but i have already made myself a database in MS Access, but doing it this way in Web Designer gives me more of a visual style and i`m learning new things as i go. I have also found ways to do things i wouldn`t have thought about... And that is why i posted my question on the forum to see if it was possible to link a button or a panel from 1 page to a pop up on another page..
So that is what i am doing, if you want to see a few screen shots i can post them so you can see and maybe you might have a few suggestions to do certain things.. I hope i have described everything in a way that makes sense.. lol
-
Re: linking a page to a sticky object on another page..???
Yeah screen shots would be great. I'm shutting down until tomorrow so Happy New Year and where there is a will there's a wake or something like that.
-
3 Attachment(s)
Re: linking a page to a sticky object on another page..???
OK so here are a few screen shots... First screenshot is the main index page where all the artists are down the left hand side of the page. The main part of the page is were the album panels are, all 736 of them...Attachment 123056
What i have done from there is if i click on an artist name on the left hand side or an album panel it will bring me to the Artists A page. Which is the second image... :) Following me so far..?!
In the second image is the Artist A page were all the artists albums will be stored. There are 50 albums on this page...Attachment 123057
Now that we are on this page i can click on the different artist panels and then the sticky pop up layer will appear with all the album information on it. Shown on the 3rd image.. Attachment 123058
Just ignore the `Artist` section in the pop up panel as that is for all the compilation albums i have with multiple artists.. :)
This is just a rough design i will be adjusting it as i go and as i find easier ways to do things etc..
-
Re: linking a page to a sticky object on another page..???
Happy New Year to you as well and anyone else who may be reading this. have a great 2019.
-
Re: linking a page to a sticky object on another page..???
Your screenshots look very neat and tidy and I'm now debating whether to throw my (failed) attempt at the project into the pot. I went the all visual, forget practical approach. I also took another approach to linking/displaying. I used Named Objects and Link to Anchor as a way of navigating, which also got complicated really quickly as well. Maybe you've taken on the quantum physics of websites, no easy solution at this time.
I know this a learning exercise for you and you're fully aware any solution without a database is bound to complicated, so in the spirit of free education for the masses, here's my different (but no simpler) approach.
Aaaaaand I don't know how to attach the .web file.
-
Re: linking a page to a sticky object on another page..???
Now I've seen your screenshots and we aren't concerned with load times because it's being run form USB/HDD...
A page called Artist with a photo grid of all artists starting with 'A'. Name the grid artistA. Another grid with artists starting with B, name the grid artistB and so on and so on.
A separate page called Album. Repeat the above with album titles and name the grids albumA, albumB etc.
If each picture in Artist had a list of their albums next to their picture, you could use the 'Pop-Up Photo' option in 'Web Properties > Image' to make the thumbnail readable. Same applies to a track list for each album.
I now make a huge assumption and say there is an easy way of using a single photo in a photo grid to Link to Anchor otherwise I've just wasted your time.
You have an understanding of Access, think of a Named Object as the Primary Key in Access.
Is it worth scrapping what you have and starting again? Good grief, no! But this is about an exchange of ideas and methods which may be of use in the future.
-
1 Attachment(s)
Re: linking a page to a sticky object on another page..???
Ok, worked out how to add attachments (under the Advanced section).
I've sent the original one I made to firey pits and went down the photo grid route...which followed it's predecessor as I couldn't work out how to make a photo pop-out and be a link at the same time. So here is v3.
Can't wait to go back to work so I can relax :D
-
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
Chris M
Now I've seen your screenshots and we aren't concerned with load times because it's being run form USB/HDD...
A page called Artist with a photo grid of all artists starting with 'A'. Name the grid artistA. Another grid with artists starting with B, name the grid artistB and so on and so on.
A separate page called Album. Repeat the above with album titles and name the grids albumA, albumB etc.
If each picture in Artist had a list of their albums next to their picture, you could use the 'Pop-Up Photo' option in 'Web Properties > Image' to make the thumbnail readable. Same applies to a track list for each album.
I now make a huge assumption and say there is an easy way of using a single photo in a photo grid to Link to Anchor otherwise I've just wasted your time.
You have an understanding of Access, think of a Named Object as the Primary Key in Access.
Is it worth scrapping what you have and starting again? Good grief, no! But this is about an exchange of ideas and methods which may be of use in the future.
Great idea Chris i think i might just steal some of your ideas and implement it into my design as i never even thought of what you have suggested. It would certainly cut down on the amount of pages from 25 to 3 (maybe even 2 if i just put everything onto the artist page) , which to me seems a lot easier to do and a lot less hassle. I can still use the panels that are in my design but instead of having album name, artist name and year in the panel i could put the album names list to the right of the picture and then do a pop up image for each.. Hmmm :think:
You have certainly given me much to think about that`s for sure.. :) And i don`t mind starting over again if it saves me time and cuts down on pages used.. Thanks Chris. =D> :-bd
I`ll certainly let you know how everything has worked out and post a sample of what i have gotten as i progress..
I still wish there was a way of linking an object or text from 1 page to another page. That would be great.
-
Re: linking a page to a sticky object on another page..???
You CAN link to an object in another page, but not a pop-up on another page.
Create 4 or 5 rectangles and name them 1, 2, 3 and 4 and place them underneath each other vertically.
Create another page and create 4 more. Go to 'Web Properties' > 'Link' drop down the box 'Link to Anchor' and choose 1. Repeat with the remaining and test. Each corresponding rectangle will shoot to the top of the page. That's how I did it in the example I attached above.
-
Re: linking a page to a sticky object on another page..???
Looking really good, Chris. I've not often seen a new member coming in so supportive of others so quickly, so kudos.
Question: How is the 'pubands' layer on the 'album' page accessed?
-
Re: linking a page to a sticky object on another page..???
Question: How is the 'pubands' layer on the 'album' page accessed?[/QUOTE]
I was wondering the same thing.
-
1 Attachment(s)
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
Chris M
You CAN link to an object in another page, but not a pop-up on another page.
Create 4 or 5 rectangles and name them 1, 2, 3 and 4 and place them underneath each other vertically.
Create another page and create 4 more. Go to 'Web Properties' > 'Link' drop down the box 'Link to Anchor' and choose 1. Repeat with the remaining and test. Each corresponding rectangle will shoot to the top of the page. That's how I did it in the example I attached above.
Happy New Year to all.
@Chris - you can link and open a Layer on from a call from another page with some simple code and a bit of structure thrown together.
Here is a simple demo file: Attachment 123060
Add the following to Website > HTML Code (body):
<script>
var anchor = window.location.hash;
if (anchor) {
anchor = anchor.split('#')[1];
xr_v1(document.getElementById(anchor).parentNode.p arentNode);
}
</script>
The code has to fire after the page has loaded. It check the web address and if the address has an anchor, it tries to open the Layer with the same name.
In my index page, I have three pop-up Layers (Popup, Sage, Elephant) - add any of your own or even another page altogether.
The index page has three simple buttons to open their called Layer. Add another for your layer on the MouseOff/Over layer.
Each Layer must have an object with a Name="layer" - lowercase of the Layer name. If your new Layer is Archibald then an object on Archibald is Named archibald. [Quick Test: where is the Name on the Elephant layer?]
I have a calling page (Page 2) but the links can be on any page anywhere whatsoever other than the page the layer is on.
Each link is set to the relative URL name of the page that holds the anchor, together with a hash and the anchor Name. If you wanted to open the Archibald Layer on the index page, you would use - link to Web or Email address: index.htm#archibald.
I have included a Close link on each Layer as an anchored call is not really clicking the button so Xara needs to be told explicitly to close the Layer. I used "popup:close".
Acorn
-
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
Acorn
Happy New Year to all.
@Chris - you can link and open a Layer on from a call from another page with some simple code and a bit of structure thrown together.
Here is a simple demo file:
Attachment 123060
Add the following to Website > HTML Code (body):
<script>
var anchor = window.location.hash;
if (anchor) {
anchor = anchor.split('#')[1];
xr_v1(document.getElementById(anchor).parentNode.p arentNode);
}
</script>
The code has to fire after the page has loaded. It check the web address and if the address has an anchor, it tries to open the Layer with the same name.
In my index page, I have three pop-up Layers (Popup, Sage, Elephant) - add any of your own or even another page altogether.
The index page has three simple buttons to open their called Layer. Add another for your layer on the MouseOff/Over layer.
Each Layer must have an object with a Name="layer" - lowercase of the Layer name. If your new Layer is Archibald then an object on Archibald is Named archibald. [Quick Test: where is the Name on the Elephant layer?]
I have a calling page (Page 2) but the links can be on any page anywhere whatsoever other than the page the layer is on.
Each link is set to the relative URL name of the page that holds the anchor, together with a hash and the anchor Name. If you wanted to open the Archibald Layer on the index page, you would use - link to Web or Email address: index.htm#archibald.
I have included a Close link on each Layer as an anchored call is not really clicking the button so Xara needs to be told explicitly to close the Layer. I used "popup:close".
Acorn
Thanks for the help Acorn.. At least i now know it`s possible to link to a pop up from another page. Thanks guys for all the help, now i can get stuck into implementing what i have learned here and add it into my project. Cheers. :-bd
-
Re: linking a page to a sticky object on another page..???
Quote:
Question: How is the 'pubands' layer on the 'album' page accessed?
It's a left over from plan B. Originally it replaced the alphabet on the left and was accessed via a sticky button, but the pop-up has to be sticky too, which stopped the links working. Then there was the problem of automatically closing...clicking a link made the pop-up close rather than trigger the link and removing the auto-close meant having to physically close it, which was cumbersome, so I abandoned the approach.
I like to chip in because, as koshed said earlier, learning is best done by doing. I hadn't attempted anything similar to this project and wanted to try. Also, holidays, no work to preoccupy my mind and the devil finds work for idle hands.
Acorn. I understood the first and last line, the bit in-between is some form of Klingon. But I know where to paste it and it may make sense to me when I use it. I'm going to presume line 5 should read ...parentNode and not ...p arentNode but who knows, the black arts are a mystery to me.
-
Re: linking a page to a sticky object on another page..???
Quote:
Originally Posted by
Chris M
It's a left over from plan B. Originally it replaced the alphabet on the left and was accessed via a sticky button, but the pop-up has to be sticky too, which stopped the links working. Then there was the problem of automatically closing...clicking a link made the pop-up close rather than trigger the link and removing the auto-close meant having to physically close it, which was cumbersome, so I abandoned the approach.
I like to chip in because, as koshed said earlier, learning is best done by doing. I hadn't attempted anything similar to this project and wanted to try. Also, holidays, no work to preoccupy my mind and the devil finds work for idle hands.
Acorn. I understood the first and last line, the bit in-between is some form of Klingon. But I know where to paste it and it may make sense to me when I use it. I'm going to presume line 5 should read ...parentNode and not ...p arentNode but who knows, the black arts are a mystery to me.
Good spot Chris, the Forum software has a tendency to add spurious spaces.
This is the working code to copy:
Code:
<script>
var anchor = window.location.hash;
if (anchor) {
anchor = anchor.split('#')[1];
xr_v1(document.getElementById(anchor).parentNode.parentNode);
}
</script>
Acorn
-
1 Attachment(s)
Re: linking a page to a sticky object on another page..???
You could also add 2 menus to swap Album and Artist without going to the Home page. I've also conveniently forgotten you originally had a genre section :)
Attachment 123070
-
5 Attachment(s)
Re: linking a page to a sticky object on another page..???
Hey guys it`s been a few days and i`ve been working on the music collection project that i started at the end of last year. I have changed the design and added some things from my first design and i have been messing around with the design as i go and i have been deleting stuff as i go, stuff that either looked pretty awful or just didn`t work the way i wanted them to (jPlayer and Playlist).
So this version is now V2 of the project. I may change everything as i go along but for now this is the design i`m going for..
I may also change back to having separate pages again as i think the Artists page will get overwhelmed with the amount of pop ups that will be on the page.
Thanks to all you guys that have replied to this post and gave suggestions and work arounds, it really helped a lot.
So if anyone is interested or just wants to check out what i have done then feel free to download the attachment and have a look. Maybe someone might have a different suggestion to do a certain thing or change something. Just post a reply and let me know.
Ok so it seems that my .web file is to large for the forum at 27MB lol so i`ll just attach a few screenshots instead. :)
All of the anchors work to switch to the different letters of the alphabet on the page. The images also pop up to give information on the artist. Clicking on an album name brings up the main pop up for the album. All the cover art images pop up and the video playlist is embeded to different videos on youtube. I embeded 3-8 videos into the one video placeholder :) (Just 1)
Clicking on a track title under the embeded video will change to that video etc.. I also made a little pop out menu on the right side to change to the different pages that i might have.
-
1 Attachment(s)
Re: linking a page to a sticky object on another page..???
It's a complex project. I doff my hat to you sir.
Attachment 123112
-
Re: linking a page to a sticky object on another page..???
Koshed, For this type of site my personal choice would be to create the most of the content within Google Spreadsheets. The big problem with using Pop-Up layers is that although unseen the content is still loaded as the page loads, so this can become very slow on loading.
HERE's an example of my Google Sheets method. (Only the top 4 CD's have links)
P.S.
Quote:
Ok so it seems that my .web file is to large for the forum at
You can always upload your web file to Dropbox or similar & supply a link on your post ;)
-
Re: linking a page to a sticky object on another page..???
Hi Egg Bramhill. The Google Spreadsheets was an idea i contemplated at the start of the project but i wasn`t sure how to add it into an actual pop-up layer, from the samples i saw online it seemed that you couldn`t really get a full spreadsheet on the pop-up without scroll bars down the side of the sheet which wasn`t what i was looking for at the time so i bypassed that idea, but from what you have shown me here it is possible. Although i might look into it again as i like what you have done with the design.
The other thing as you said is the slow loading times with so many pop-ups on one page. At the minute i have all the A & B artists added on one main page and previewing the page in Xara Web Designer takes forever for it to load up (I might make more pages to try and cut down on the pop-ups on the main page and help with load times as well). That is the main reason i posted this question on the forum to see if there was a way to cut down on all the pop-ups. From the answers i have gotten i have taken a few ideas from each answer and it looks like i may do the same with your idea if you don`t mind. :)
As for posting on Dropbox i may just do that now....... Ok so here is what i have gotten so far if anyone wants to see how my project is going. Dropbox link to Music Catalogue V2. If anyone has any ideas let me know.
https://www.dropbox.com/s/is46te65wk...%20V2.web?dl=0
Quote:
Originally Posted by
Egg Bramhill
Koshed, For this type of site my personal choice would be to create the most of the content within Google Spreadsheets. The big problem with using Pop-Up layers is that although unseen the content is still loaded as the page loads, so this can become very slow on loading.
HERE's an example of my Google Sheets method. (Only the top 4 CD's have links)
P.S.
You can always upload your web file to Dropbox or similar & supply a link on your post ;)
-
Re: linking a page to a sticky object on another page..???
Hi Koshed, don't have time to look at your web file at present. Will try in the next two days.
Just to make it clear my demo doesn't use pop-ups (although it looks like it) for exactly the reason I stated earlier (load times). Each album is a seperate webpage, which is easy to duplicate and only requires the iframe link to the Google Spreadsheet changed. Once created there is no need to reopen Xara, just amend the relevant Google Spreadsheet.
-
Re: linking a page to a sticky object on another page..???
Ahhhh I got you now Egg Bramhill, it`s only after i looked again that i realised that the page name changes with each album. Still a great idea though. It would make it much simpler using the Google Spreadsheet. More to think about. Thanks.