Login or Register to Ask a Question and Join Our Community


Web Development

Tooltip Question

Login to Discuss or Reply to this Discussion in Our Community

 
Thread Tools Search this Thread
Top Forums Web Development Tooltip Question
# 1  
Old 08-25-2008
Tooltip Question
Just wondering if someone has some advice on dynamic tooltip. By that I mean, I want the text inside the tooltip to be automagically generated from a text file.
I have not included any code example because, there are tons of tooltip examples but I can't find one that will use a text file to populate the tooltip.

Thanks for any help
-Chris
# 2  
Old 09-10-2008
Answer
In case anyone finds this useful
Here is the code that I needed.......

Place text files report_file.txt and report_file2.txt are in the same dir as html -- or path them out in the code....

Code:
<html>
   <head>
      <title>System Reporting</title>
      <script type="text/javascript">
         function showBox(file_name, id, obj) {
            var helpNode = document.createElement('div'+id);
            helpNode.id = 'popBox'+id;
            helpNode.setAttribute('class','popBox');

						var el = document.createElement("iframe");
						el.setAttribute('id', 'ifrm');
						helpNode.appendChild(el);
						el.setAttribute('src', file_name);

            obj.appendChild(helpNode);
         }

function hideBox(id) {
   var node = document.getElementById('popBox'+id);
   node.parentNode.removeChild(node);
}
</script>
<style type="text/css">
   .popBox {
      position: absolute;
      z-index: 2;
      background: #cccccc;
      width: 600px;
      padding: 0.3em;
      border: 1px solid gray;
   }
   span {
      color: red;
      font-weight: bold;
   }

   iframe {
      border: none;
      width: 600px;
      height: 200px;
   }

</style>
</head>
<body>
      <div onmouseover="showBox('report_file.txt', 'file1', this)"
				onmouseout="hideBox('file1')"
style="cursor:pointer"><span>HOST 1</span><br/></div>


    <div onmouseover="showBox('report_file2.txt', 'file2', this)"
				onmouseout="hideBox('file2')"
style="cursor:pointer"><span>HOST 2</span><br/></div>

</body>
</html>

Login or Register to Ask a Question

Previous Thread | Next Thread

8 More Discussions You Might Find Interesting

1. Shell Programming and Scripting

Question help

sorry wrong section. (0 Replies)
Discussion started by: Scripter12345
0 Replies

2. UNIX for Dummies Questions & Answers

Help me these Question??

1. How the Unix system identify the Other User to access for file permission? 2. What command we use to convert the extension of a file name? 3. What command use to convert other editing file to Unix based text file? Please answer of these Question???Its necessary for me?? (3 Replies)
Discussion started by: pradipta_pks
3 Replies

3. Shell Programming and Scripting

IF question

Hi there I'm new to bash and unix for that matters. Just started yesterday, having to do a script for work, outputting HTML from various system info's. And me having coded Rexx for years ... then this is a little different :-) My question is simple .... I have an IF that does not work - >... (9 Replies)
Discussion started by: Mettemusens
9 Replies

4. Shell Programming and Scripting

question

how do i write a script that'll open what i entered and scan it for a certain line of text. for example, i enter a filename (that exists) and in that file i want to scan a certain word that'll show how much of that word appears throughout the file. (2 Replies)
Discussion started by: mrhenry
2 Replies

5. UNIX for Dummies Questions & Answers

Question

I was given a computer that was wiped clean that has a unix system installed.I want to know how do I format the hardrive so I can install windows XP Professional (1 Reply)
Discussion started by: gemini61
1 Replies

6. UNIX for Dummies Questions & Answers

A question?

using my unix os, can i do any autoexec.bat editing in order to execute selected programs that i use most often? :confused: (1 Reply)
Discussion started by: alecks1975
1 Replies

7. Linux

I have a question...

hello,I want to get a free linux(English).How to get it?? (2 Replies)
Discussion started by: Jerry_wang
2 Replies

8. UNIX for Dummies Questions & Answers

Next Question:

what is the function of swap in linux why i have to create apsolutely a particion for the swap when i install (i installed lnx4win mandrake and made an automat. disk particion and the install program one of my disk partitions that was 3gb devidet in 4 one native 700mb swap 600mb and the others i... (1 Reply)
Discussion started by: user666
1 Replies
Login or Register to Ask a Question