Help! Emergency! Requesting Popup Link Help

Need popup script to design popup link

  • (2 Pages)
  • +
  • 1
  • 2

26 Replies - 5514 Views - Last Post: 14 January 2005 - 10:31 AM

#1 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 08:38 AM

:huh: Hi, this is Avalon. I'm brand new to this group and new to Javascript. I need to integrate a title and 3 paragraphs of text into a popup link that would pop up when a visitor accesses an internal link built into a web page. My client wants me to add his summary (3 paragraphs of text) into a popup script format so that when his visitor left-clicks on the internal link on his webpage, this popup containing his 3-paragraph summary will appear immediately to the right of this link the visitor left-clicks on, and the popup window should close before the visitor gets directed to the internal link's URL address. I have never designed or used popup script, nor do I know how or where to position this popup script on the web page so that it works with the internal link already in the middle of the webpage. Any help you could provide ASAP will be greatly appreciated. My client wanted me to have this up on his web page today. Thanks a million. :D

Is This A Good Question/Topic? 0
  • +

Replies To: Help! Emergency! Requesting Popup Link Help

#2 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 08:44 AM

Does the popup need to display for a certain period of time? Also, if the user left clicks the link and then the popup displays... does that same left click action also trigger the URL to load? The reason I'm asking is because there are some solutions out there that will accomplish this on say... mouse over which seems more logical than a click since the click will take them to the URL before the user can read the paragraph.
Was This Post Helpful? 0
  • +
  • -

#3 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 08:50 AM

:D Hi, this is avalon. Thanks for the fast reply ... this is an emergency. Well, mouseover sounds like a good idea. we want the visitor to be able to read the 3-paragraph summary before the link directs him to the full report page, obviously. what mouseover links or script do you recommend? :rolleyes:
Was This Post Helpful? 0
  • +
  • -

#4 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 08:57 AM

Give me a few minutes to track down a couple scripts.
Was This Post Helpful? 0
  • +
  • -

#5 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 09:06 AM

This is a pretty cool script, I used the older version on a site a long time ago, the new version is complex but very well documented and pretty easy to implement (just has a TON of options)

Here are examples of what you're looking at doing:
http://www.mojavelin...T/example3.html
http://www.mojavelin...T/example5.html (Tooltip Fading In)

Project Link: http://www.mojavelin...cts/domtooltip/

Check out the readme in the .tar.gz file, it gives you some examples of how to use it, also in those examples you can see the code they use.

Basically, they are including the .js files:
    <script type="text/javascript" language="javascript" src="domLib.js"></script>
    <script type="text/javascript" language="javascript" src="domTT.js"></script>
    <script type="text/javascript" language="javascript">
var domTT_styleClass = 'domTTOverlib';
    </script>


And then calling the function as a mouseover on the link:
<a href="index.html" onmouseover="domTT_activate(this, event, 'content', 'This tooltip uses the overlib style.', 'trail', true, 'delay', 0);">overlib style</a>

Was This Post Helpful? 0
  • +
  • -

#6 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 09:58 AM

Hi. Thanks for the speedy assistance with this mouseover issue and the script. However, I'm new to this and I don't know how to add the 3-paragraph summary to the code in the mouseover script, so that the summary will appear as a popup when the visitor left-clicks on the internal link in the webpage. If anyone could help me with this today, that would be awesome. I've never worked w/ Javascript, and am enrolled to take a Javascript 101 online course with IWA/HWG. We have just started this online course and have not covered this js mouseover function, yet. Thanks for your wonderful help. Also ... I promise not to cross-post ever again. I just joined your group today. :D
Was This Post Helpful? 0
  • +
  • -

#7 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 10:06 AM

Alright, so on your web page you have your link:
<a href="yourlink.htm">Whatever The Link Is</a>


You will change the code to look something like this:

Quote

<a href="yourlink.htm" onmouseover="domTT_activate(this, event, 'content', 'PUT YOUR 3 PARAGRAPHS OF TEXT HERE', 'trail', true, 'delay', 0);">Whatever The Link Is</a>


Between the <head> tags of your page, you will put that script code to include the .js files:
<script type="text/javascript" language="javascript" src="domLib.js"></script>
   <script type="text/javascript" language="javascript" src="domTT.js"></script>
   <script type="text/javascript" language="javascript">
var domTT_styleClass = 'domTTOverlib';
   </script>


In the link code, once you have it working, you can play with the options to make the box look different. Just look at how they implement the code in their examples to see how to do the different styles.

Make sure you upload those .js files too.

There really isn't any actual writing of javascript, just copy and paste :)
Was This Post Helpful? 0
  • +
  • -

#8 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 11:03 AM

Thanks for your phenomenal help here. I'm extremely busy online w/ other projects. I'll follow your directions here. Again, many thanks.
Was This Post Helpful? 0
  • +
  • -

#9 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 11:07 AM

No problem, welcome to dream.in.code!

Let us know how it works out and if you need any more help!
Was This Post Helpful? 0
  • +
  • -

#10 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 12:19 PM

:huh: Hi, it's me again. Since I'm extremely brand new to javascript and a beginner at html, I appreciate you bearing with me, here. I'm a former long-time commercial real estate broker trying to learn how to build a website. I have beginner's html experience and just started an online IWA/HWG javascript 101 course this wk. I think I bit off more than I could chew with this mouse rollover issue. I'm sure that I'm asking too much of you guys, if one of you could look at what I did when I filled in the variable information for the below mouse rollover script. I'm trying to place several paragraphs into a mouse rollover popup function so that a visitor will automatically see the below Hun Hordes Summary when he left-clicks on an internal link directing them to the full Hun Hordes report. I have limited html experience, which doesn't help matters. I copied some of your last response into the information below. I filled in the link and Hun Hordes Summary paragraph data where it is supposed to go in this code. I added html to the summary's paragraphs to break them up, indenting and italicizing where required.

When time allows, if you could review this for me and let me know what I've done wrong and how to get this to work with my internal link on the webpage directing visitor to the full Hun Hordes Report, I'd greatly appreciate it. If someone could fix this for me so it works, that would be great. Otherwise, I'll have to hire a Web Designer and pay him to write this up correctly for me. Many thanks for your phenomenal help here. Unfortunately, the person I'm doing this for would like this to work on his site today. Here's what I've done so far:

Alright, so on your web page you have your link:

CODE
<a href="http://www.imva.info/hun_hordes_summary.html">The Hun Hordes of Mercury Summary</a>


You will change the code to look something like this:

QUOTE
<a href="http://www.imva.info/hun_hordes_summary.html" onmouseover="domTT_activate(this, event, 'content', 'The Hun Hordes of Mercury Summary
 
<p><center><i>Mercury interacts with sulfhydryl groups and disulfide bonds,as a result of which specific membrane transport is blocked
 and selective permeability of the membrane is altered.</center></i></p>
<p>&nbsp&nbsp&nbsp&nbsp&nbspThe Hun Hordes of Mercury shifts our understanding of mercury toxicity and how it is destroying the body’s ability to use insulin. Because glycemic regulation is one of the body’s most central homeostatic mechanisms, mercury’s attack is most problematic, even at low concentrations, and indicates that it is playing a great role in the dramatic rise in diabetes. The beginning symptoms of diabetes are so mild that most who exhibit them do not realize that they are under a sentence of premature death and disability. The same could be said about the beginning symptoms of mercury poisoning.</p>
<p><center><i>Mercury has several destructive highways it simultaneously pursues in destroying human health.</center></i></p>
<p>&nbsp&nbsp&nbsp&nbsp&nbspThe average adult inhales thousands of trillions of mercury atoms a day from a mouth full of amalgam, fish provide trillions more, the air more, and in children, vaccines provide one day surges of vast trillions of mercury molecules in the form of ethyl-mercury, which is vastly more toxic than metallic mercury. Insulin molecules are assaulted as are insulin receptor sites.</p>
<p><center><i>Thiol poisons, especially mercury and its compounds, reacting with
 SH groups of proteins lead to the lowered activity of various enzymes
 containing sulfhydryl groups. This produces a series of disruptions in
 the functional activity of many organs and tissues of the organism.<br>
Professor I.M. Trakhtenberg</center></i></p>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp<b>Mercury is the most potent enzyme inhibitor that exists</b>; it is in a class of its own and well deserves its title as the most toxic non-radioactive element. It is because mercury and lead attach themselves at these highly vulnerable junctures of proteins that they find their great capacity to provoke biochemical shifts and then morphological changes in the body. Transsulfuration pathways in the body are fundamental for life. When mercury blocks thiol groups, cellular proteins lose their reactive properties and their ability to carry out their routine function.</p>
<p>&nbsp&nbsp&nbsp&nbsp&nbspMercury is the <i>invisible enemy</i> and it is coming on secretly, like the lead panzer division of an army of toxic chemicals ready to overwhelm the human race. Mercury’s destructiveness is evident but not recognized in diabetes and heart disease. For scientists, doctors and patients looking at mercury as a cause of diabetes and heart disease is virgin territory, even though we find 358 didactic scientific papers exemplifying the relationship between mercury and heart disease. But there is nothing on diabetes; it is a totally open and new area for researchers to explore.', 'trail', true, 'delay', 0);">http://www.imva.info/hun_hordes.html</a>


Between the <head> tags of your page, you will put that script code to include the .js files:
CODE
<script type="text/javascript" language="javascript" src="domLib.js"></script>
<script type="text/javascript" language="javascript" src="domTT.js"></script>
<script type="text/javascript" language="javascript">
var domTT_styleClass = 'domTTOverlib';
</script>


In the link code, once you have it working, you can play with the options to make the box look different. Just look at how they implement the code in their examples to see how to do the different styles.

Make sure you upload those .js files too.

:D
Was This Post Helpful? 0
  • +
  • -

#11 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 12:31 PM

Can you attach your entire .html file so we can look at that... and if you have it uploaded to a web server the URL so we can try to link to the .js files and get this workin for you.

Thanks.
Was This Post Helpful? 0
  • +
  • -

#12 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 01:18 PM

Hi, sorry I was away for so long. I belong to several online humanitarian and literary organizations. I archived this mouse rollover code and the code for the Hun Hordes Summary in FrontPage 2003. Currently, I don't have a Web server to use other (than my clients for this IMVA site) where I can upload this URL containing the mouse rollover function and URLs. Under separate cover, I'd be pleased to route the tech who can do this for me the system sign-on username and password to access the http://imva.info/cpanel adminstrator access mode for the IMVA site. I have uploaded this file containing the mouse rollover function and the file containing the actual Hun Hordes Summary to this http://imva.info/cpanel administrator access site URL. The URL containing the original Hun Hordes Summary file is: http://imva.info/hun...des_summary.htm, which I've uploaded to the http://imva.info/cpanel adminstrator access URL for the http://www.imva.info website. These 2 files have been uploaded to http://imva.info/cpanel, wherein you would need to use the username and password in order to access this site. I would need to give you the administrative username and password in order to work on this through the administrator access mode of his site, the URL of which is: http://imva.info/cpanel. What I routed to you, previously, is what is contained in my FrontPage file, under the file name: http://imva.info/hun...mmary_mouseover. The URL for the administrator access is http://imva.info/cpanel. I can upload my FrontPage file of this to the public_html folder there under File Manager, public_html is where all the main web pages for this site are archived. Through the http://imva.info/cpanel administrator access url, under File Manager and the public_html folder, the file archived containing the mouse rollover code for the Hun Hordes Report is: hun_hordes_summary_mouseover.htm. The name and path of the file containing the actual Hun Hordes Summary is: http://imva.info/hun...des_summary.htm. This mouse rollover script has to go on the http://imva.info/main2.html page (page 2 of this site), in order to direct the visitor to the http://imva.info/hun...des_summary.htm page. The popup is archived under http://imva.info/hun...y_mouseover.htm under File Manager of this http://imva.info site. If this is way too confusing, please let me know. Again, here is the code that I routed you earlier containing the mouse rollover function and the href data. I left your original instructions for this intact, so that I could try to follow it:

CODE
<a href="http://www.imva.info/hun_hordes_summary.html">The Hun Hordes of Mercury Summary</a>


QUOTE
<a href="http://www.imva.info/hun_hordes_summary.html" onmouseover="domTT_activate(this, event, 'content', 'The Hun Hordes of Mercury Summary
 
<p><center><i>Mercury interacts with sulfhydryl groups and disulfide bonds,as a result of which specific membrane transport is blocked
 and selective permeability of the membrane is altered.</center></i></p>
<p>&nbsp&nbsp&nbsp&nbsp&nbspThe Hun Hordes of Mercury shifts our understanding of mercury toxicity and how it is destroying the body’s ability to use insulin. Because glycemic regulation is one of the body’s most central homeostatic mechanisms, mercury’s attack is most problematic, even at low concentrations, and indicates that it is playing a great role in the dramatic rise in diabetes. The beginning symptoms of diabetes are so mild that most who exhibit them do not realize that they are under a sentence of premature death and disability. The same could be said about the beginning symptoms of mercury poisoning.</p>
<p><center><i>Mercury has several destructive highways it simultaneously pursues in destroying human health.</center></i></p>
<p>&nbsp&nbsp&nbsp&nbsp&nbspThe average adult inhales thousands of trillions of mercury atoms a day from a mouth full of amalgam, fish provide trillions more, the air more, and in children, vaccines provide one day surges of vast trillions of mercury molecules in the form of ethyl-mercury, which is vastly more toxic than metallic mercury. Insulin molecules are assaulted as are insulin receptor sites.</p>
<p><center><i>Thiol poisons, especially mercury and its compounds, reacting with
 SH groups of proteins lead to the lowered activity of various enzymes
 containing sulfhydryl groups. This produces a series of disruptions in
 the functional activity of many organs and tissues of the organism.<br>
Professor I.M. Trakhtenberg</center></i></p>
<p><b>&nbsp&nbsp&nbsp&nbsp&nbspMercury is the most potent enzyme inhibitor that exists</b>; it is in a class of its own and well deserves its title as the most toxic non-radioactive element. It is because mercury and lead attach themselves at these highly vulnerable junctures of proteins that they find their great capacity to provoke biochemical shifts and then morphological changes in the body. Transsulfuration pathways in the body are fundamental for life. When mercury blocks thiol groups, cellular proteins lose their reactive properties and their ability to carry out their routine function.</p>
<p>&nbsp&nbsp&nbsp&nbsp&nbspMercury is the <i>invisible enemy</i> and it is coming on secretly, like the lead panzer division of an army of toxic chemicals ready to overwhelm the human race. Mercury’s destructiveness is evident but not recognized in diabetes and heart disease. For scientists, doctors and patients looking at mercury as a cause of diabetes and heart disease is virgin territory, even though we find 358 didactic scientific papers exemplifying the relationship between mercury and heart disease. But there is nothing on diabetes; it is a totally open and new area for researchers to explore.', 'trail', true, 'delay', 0);">http://www.imva.info/hun_hordes.html</a>


Between the <head> tags of your page, you will put that script code to include the .js files:
CODE
<script type="text/javascript" language="javascript" src="domLib.js"></script>
<script type="text/javascript" language="javascript" src="domTT.js"></script>
<script type="text/javascript" language="javascript">
var domTT_styleClass = 'domTTOverlib';
</script>


In the link code, once you have it working, you can play with the options to make the box look different. Just look at how they implement the code in their examples to see how to do the different styles.

Make sure you upload those .js files too.


Again, if anyone would like to reply to me via private email, my primary email address is [email protected] Thank you so much for your valuable time, involvement and team efforts with this.

All the best -
Avalon
:D
Was This Post Helpful? 0
  • +
  • -

#13 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1972
  • View blog
  • Posts: 20,425
  • Joined: 17-March 01

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 01:22 PM

Rather than login, can you just attach the file in your next post... just click the browse button and attach the .htm or .html file from FrontPage and we'll take a look at the code and reattach it.
Was This Post Helpful? 0
  • +
  • -

#14 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 01:41 PM

Here is 1 of the files that I have archived in FrontPage: This one is for the Hun Hordes Summary and this file includes mouse roller function. The Hun Hordes Summary would need to be set up in the mouse rollover code, the layout of which would include the title being centered and the separated paragraph layout. I used html for the paragraph layout here; some of the paragraphs are supposed to be centered and italicized. The other paragraphs require a 5-space indent on the 1st line.

I'll route the 2nd file separately. Thanks so much for your help.

Attached File(s)


Was This Post Helpful? 0
  • +
  • -

#15 avalon   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 13-January 05

Re: Help! Emergency! Requesting Popup Link Help

Posted 13 January 2005 - 01:44 PM

Attached please find the 2nd file containing the Hun Hordes Summary itself, without the mouse rollover code. In this file, you can view the layout of this summary as it should appear in the popup window, too. Additionally, since the page this mouse rollover is going on has an adjoining internal link containing the full Hun Hordes Report, I was wondering how I connect this mouse rollover script with the Hun Hordes Report internal link on the web page? Many thanks! :D

Attached File(s)


Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2