rogerio
-
Posts
116 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by rogerio
-
Tried, but something is amiss. I also broke it back through all the "parentNode"s. I assume you were talking about replacing: dobj = document.getElementById("styled_popup"); with: dobj = fobj.parentNode.parentNode.parentNode.parentNode; I noticed that you are using class="dragme" instead of id="styled_popup" as the orginal script has.??
-
I understand the "parentNode" that you are speaking of now is the table; that was my hangup. The HTML structure will pretty much have to remain the same in order to get the "titlebar" of the popup to work. Gone to give it a try - thanks...
-
All of this:
-
You lost me...
-
The code below works for a single popup and I would like to make it work for multiples. In other words, I would like to be able to feed a 'ID' to the script rather than enter the 'ID' into it the way it works now. The problem is bolded and red in the "CODE". thanks... <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"xmlns="http://www.w3.org/TR/REC-html40"><head><link rel='stylesheet' href='sample.css' type='text/css'><title>DHTML Popups Sample 06</title></head><body><style type='text/css'>.dragme{ cursor: move; }</style><script type='text/javascript'>var ie = document.all;var nn6 = document.getElementById &&! document.all;var isdrag = false;var x, y;var dobj;function movemouse( e ){ if( isdrag ) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; }}function selectmouse( e ){ var fobj = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while (fobj.tagName != topelement && fobj.className != "dragme") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if (fobj.className=="dragme") { isdrag = true; [color=#ff0000][b]dobj = document.getElementById("styled_popup");[/b][/color] tx = parseInt(dobj.style.left+0); ty = parseInt(dobj.style.top+0); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; }}function styledPopupClose(id){ document.getElementById(id).style.display = "none";}[color=#ff0000][b]document.onmousedown=selectmouse;[/b][/color]document.onmouseup=new Function("isdrag=false");</script><div id='styled_popup'name='styled_popup'style='width: 380px;height: 300px;display:none;position: absolute;top: 150px;left: 50px;'><table width='380' cellpadding='0' cellspacing='0' border='0'> <tr> <td> <img height='23' width='356' src='images/x11_title.gif' class='dragme'> </td> <td> <!-- Need to add "id" --> <a href='javascript:styledPopupClose("styled_popup");'> <img height='23' width='24' src='images/x11_close.gif' border='0'> </a> </td> </tr> <tr> <td colspan='2' style='background: url("images/x11_body.gif") no-repeat top left; width: 380px; height: 277px;'> Drag my window title to see me moving :-) </td> </tr></table></div><!-- change "styled_popup" to match each popup --><input type='submit' onClick='document.getElementById("styled_popup").style.display="block"' value=' Fire! '></body></html>
-
Got mine working: Options>Tools>Advanced and "Reset" seems to be the answer; just changing the settings does not work. I appreciate the help...
-
I have the page live, but uploading is slow when making minor changes. I found one work around, but I am still looking for the resolution and what I have googled looks like its in the registry. I will post the resolution; providing I find it... Work around: The <!-- saved from url=(0021)http://www.google.com --> must be on a separate line as shown here.<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- saved from url=(0021)http://www.google.com --><html xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"xmlns="http://www.w3.org/TR/REC-html40">
-
Finally got part of the answer. I kept fighting this thing and I should have used my head. I am running 3 OS on this machine and one is a backup Win 7. I load the page into the back up and things worked great. It looks like there is a security setting somewhere that is blocking things; in particular: running the javascript. I even loaded IIS and that would not work. If anyone has any ideas, I would appreciate the help... thanks,
-
Didn't work. There is something hidden going on and I am going to look some more. I don't have a real html editor and I was using SciTe (which is designed for .exe) may be doing something. I haven't worked with webpages for several years now and I seem to be having problems with IE loading external files on my PC (img, js, etc); does IE need to be on the internet to work properly?
-
This is going to sound crazy and it may very well be that I am.1. Found a code on the web that worked in FF and IE8 while still on the web.2. Opened the "View Source" in FF and copied it into notepad and ran it with FF with no problem.3. Tried IE8 and it would not work.4. Went to same site with IE8 and saved the page directly and it worked with both browsers.5. I opened the code in "4." above in notepad and compared it to the code in "2." above and they were identical.6. Copied the code in "2." above into the notepad window of "4." above and it worked in IE8.7. I tried taking FF and saving the page from the web directly and it worked for IE8.8. I last took the code listed here and pasted into the notepad of "4." above, save it and it worked in IE8. The best I can figure out is that something is being saved with the webpage that I can't see and without that info I am getting no where. My intent is to use the notepad window that works and paste in the code and save it that way. If anyone has any suggestions - YOU HAVE GOT MY EAR.... thanks.... EDIT: I tried this with another editor besides notepad and it did not work - only works with notepad.
-
New code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Title of Document</title><style type="text/css">.popup{ position:absolute;left:0px;top:13px;width:300px;height:400px;border-style:solid;border-width:4px;border-color:blue;background-color:#000000;padding: 5px;font-family: Tahoma;/* font-weight: bold; */font-size: 10pt;z-index:2;visibility:hidden;overflow:scroll;}/* ie bug needed to make span show*/.popup a:hover span{top:0px;}body{color:white;background-color:#000040;font-family: Tahoma;font-size: 10pt;}.link{color:blue;}.test{color:red;}.nottest{color:white;}</style><script type="text/javascript">function ShowPop(id){ document.getElementById(id).style.visibility = "visible";}function HidePop(id){ document.getElementById(id).style.visibility = "hidden";}</script></head><body><span style="position:relative;" class="test"><span id="popup3" class="popup"><a onClick="HidePop('popup3');" style="cursor:pointer;"><i>-Click in window to close-</i>this is a test</a></span><a onClick="ShowPop('popup3');" style="cursor:pointer;"><u>testing</u></a></span></body></html>
-
ok, worked on tags and problem remains. In IETester: IE8 & IE6 work, but IE7 will not open the page. I disabled "Compatibility mode in IE8 and the browser still does not work. I don't know why IE7 does not work, but if I am correct, there is a setting that I have wrong in IE8???????
-
dsonesuk - ok, used IETester and it crashes every time I try to access the webpage we are working with. In "All IE Versions" it works fine, but it is the "only mode" it will work in.
-
ok, downloading and I will get back...
-
uh, yea. A couple of things on this. I had IE9 installed and had problems with the colors. I can't install XP Mode because the OS is OEM, and according to IETester, XP Mode is required. The default browser on 7 is IE8; IE8 has a IE7 compatibility mode. I don't know, this one is a bear; it appears that MS may have added some security. I haven't given up - just plain stubborn. What I need is a .CSS box that can be activated by clicking on a HTML link.
-
dsonesuk, tried your suggestions, but no-go. I have a "hover" box working with no header at all - I did try that. May well be that there is something wrong with the IE8 other than the normal bugs; it is impossible to remove it completely and install a new copy without formating the HD, and as a vote of 1, I don't want to do that.
-
Tried it with Debugging and I did not get any errors. bummer....
-
I don't know, I am running Win7 x64 and after clearing history it still fails. thanks for the help... EDIT: I just made a change from <a... to <a href="".... and now it opens Explorer. This thing is strange.EDIT2: Changed <a href="" to href="javascript:void(0);" and got rid of the Explorer problem.
-
thescientist I am not getting any errors in Firefox, and I don't know how to check IE8. Tried "onclick", still at square one.
-
This code works great with Firefox, but not at all with IE8. It is designed to click on a link and open a .css popup. Clicking on the text in the popup will close it. What's the problem IE8? thanks... <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"xmlns="http://www.w3.org/TR/REC-html40"><head><style type="text/css">.popup{ position:absolute;left:0px;top:13px;width:300px;height:400px;border-style:solid;border-width:4px;border-color:blue;background-color:#000000;padding: 5px;font-family: Tahoma;/* font-weight: bold; */font-size: 10pt;z-index:2;visibility:hidden;overflow:scroll;}/* ie bug needed to make span show*/.popup a:hover span{top:0px;}body{color:white;background-color:#000040;font-family: Tahoma;font-size: 10pt;}.link{color:blue;}.test{color:red;}.nottest{color:white;}</style><script type="text/javascript">function ShowPop(id){ document.getElementById(id).style.visibility = "visible";}function HidePop(id){ document.getElementById(id).style.visibility = "hidden";}</script></head><body><span style="position:relative;" class="test"><span id="popup3" class="popup"><a onClick="HidePop('popup3');" style="cursor:pointer;"><i>-Click in window to close-</i><p></p>this is a test</a></span>,<a onClick="ShowPop('popup3');" style="cursor:pointer;"> <u>testing</u></a></span></span></body></html>
-
After spending a lot of time on this, I have found the problem but no resullution: .scroll a{position:relative;}
-
I am having trouble with links showing through the background of a .css text area as if it were transparent. Here is the .css and the .html is below. The idea is the text area until the mouse is moved over the link and it comes into view with the text entered.EDIT: One more thing, if I try to use the scroll bar button, it drags the text area.thanks... .CSS .scroll a{position:relative;}/* set stacking context -*//* Note that opera has a nasty bug and requires the anchor to hidden with top:-999em and not visibility or display*/.scroll a, .example2 a{text-decoration:none;}.scroll a span{top:-999em;/* hide message initially*/position:absolute;left:400px;width:400px;height:200px;overflow:scroll;padding:5px;background:#000090;color:#ffffff;border:2px inset #808000;text-decoration:none;}.scroll a:hover{visibility:visible}/* ie bug needed to make span show*/.scroll a:hover span{top:-20px;} HTML: <div class="scroll"><a href="">John 10:17-18<span id="Jesus">John 10 (NKJV)<br>17 “Therefore My Father loves Me, because I lay down My life that I may take it again.<br>18 “No one takes it from Me, but I lay it down of Myself. I have power to lay it down, and I have power to take it again. This command I havereceived from My Father.” ></span></a></div><div class="scroll"><a href="">John 15:13<span id="Jesus">John 15 (NKJV)<br>13 “Greater love has no one than this, than to lay down one’s life for his friends.></span></div>