|
JavaScript - Ie9 Issue - Breaking My Web Page
I am in desperate need for help as I'm pulling my hair out! I'm pretty sure this is JavaScript related.
I'm incorporating a WordPress header into Opencart. Its pretty basic. I copied the WordPress header source code into the header of the Opencart and all is well in Firefox & Chrome and Safari. In IE however...If you enter the product page through the categories on the left the product page left aligns and breaks...I can't figure this out for the life of me. I tried to debug it with explorers tools but I don't know enough about Java script to understand why its breaking. Can anyone PLEASE help me on this?!!! My site is http://www.sterlingportable.com/store/ Similar TutorialsHope I'm posting in the right section. At first I thought this was a CSS problem, but after careful exclusion of certain code in the CSS script, it looks to be a java issue...maybe. Here's the main page of the website I'm developing. Everything is running fine on he http://rutholsonphoto.com/test_build/index.php However this next page seems to be breaking my footer (the copyright and affiliation information). I have no idea how or why this is happening, but I'm hoping someone can go through my code and see what's up. http://rutholsonphoto.com/test_build/votenow-1.php Here's the included php script for the second page that SEEMS to be the culprit: Code: <script type="text/javascript">
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
////////////////////////////////////
</script>
<div id="maincontent">
<div id="titlebar">
<center><h3>2011 Senior Challenge Contestants</h3>
</center>
</div>
<br />
<div id="subtitlebar">
<center>
<strong>Senior Challenge Top 20:</strong> <a href="/voteresults.php">Click Here to View the Top 20!</a><br />
<br />
<div style="font-size:14px;">To build suspense we have removed the voting counters. Keep up the voting!</div>
<div style="font-size:12px;">Only One Vote Per Household.</div><br />
</center>
</div>
<body class="section-1">
<ul id="menu">
<li><a href="./votenow-1.php"><u>A - F</u></a></li>
<li><a href="./votenow-2.php"><u>G - L</u></a></li>
<li><a href="./votenow-6.php"><u>M - R</u></a></li>
<li><a href="./votenow-4.php"><u>S - X</u></a></li>
<li><a href="./votenow-5.php"><u>Y - Z</u></a></li>
</ul>
</body>
<div style="background-color:#d0d0d0" id="overlay">
<?php
//FOR LETTER: A
include("../templates/mysql_connect.php");
$query = "SELECT * FROM seniors WHERE last_name LIKE 'A%' ORDER BY last_name ASC";
$result = @mysql_query ($query);
echo '<table width="480" height="150"><tr>
<td width="161" valign="top" align="center">
<p><span class="style19"><u>-A-</u></span><br />';
while ($row = mysql_fetch_array ($result)){
echo "<a href=\"$row[pic_url]\" rel=\"lightbox[seniors]\"
title=\" <form action ="/tallyvote.php?sen_id=$row[sen_id]" method="post">
$row[first_name] $row[last_name] - $row[school] <br />
<input name="submit" align="right" type="submit" value="Vote" >
</form> \">$row[last_name], $row[first_name]</a><br/>";
}
echo '</p>';
?>
<?php
//FOR LETTER: B
$query = "SELECT * FROM seniors WHERE last_name LIKE 'B%' ORDER BY last_name ASC";
$result = @mysql_query ($query);
echo '<td width="161" valign="top" align="center"><p><span class="style19"><u>-B-</u></span><br />';
while ($row = mysql_fetch_array ($result)){
echo "<a href=\"$row[pic_url]\" rel=\"lightbox[seniors]\"
title=\" <form action ="/tallyvote.php?sen_id=$row[sen_id]" method="post">
$row[first_name] $row[last_name] - $row[school]
<input name="submit" type="submit" value="Vote" >
</form> \">$row[last_name], $row[first_name]</a><br/>";
}
echo '</p></td>';
?>
<?php
//FOR LETTER: C
$query = "SELECT * FROM seniors WHERE last_name LIKE 'C%' ORDER BY last_name ASC";
$result = @mysql_query ($query);
echo '<td width="161" valign="top" align="center"><p><span class="style19"><u>-C-</u></span><br />';
while ($row = mysql_fetch_array ($result)){
echo "<a href=\"$row[pic_url]\" rel=\"lightbox[seniors]\"
title=\" <form action ="/tallyvote.php?sen_id=$row[sen_id]" method="post">
$row[first_name] $row[last_name] - $row[school]
<input name="submit" type="submit" value="Vote" >
</form> \">$row[last_name], $row[first_name]</a><br/>";
}
echo '</p></td></tr>';
?>
<?php
//FOR LETTER: D
$query = "SELECT * FROM seniors WHERE last_name LIKE 'D%' ORDER BY last_name ASC";
$result = @mysql_query ($query);
echo '<tr><td width="161" valign="top" align="center"><p><span class="style19"><u>-D-</u></span><br />';
while ($row = mysql_fetch_array ($result)){
echo "<a href=\"$row[pic_url]\" rel=\"lightbox[seniors]\"
title=\" <form action ="/tallyvote.php?sen_id=$row[sen_id]" method="post">
$row[first_name] $row[last_name] - $row[school]
<input name="submit" type="submit" value="Vote" >
</form> \">$row[last_name], $row[first_name]</a><br/>";
}
echo '</p></td>';
?>
<?php
//FOR LETTER: E
$query = "SELECT * FROM seniors WHERE last_name LIKE 'E%' ORDER BY last_name ASC";
$result = @mysql_query ($query);
echo '<td width="161" valign="top" align="center"><p><span class="style19"><u>-E-</u></span><br />';
while ($row = mysql_fetch_array ($result)){
echo "<a href=\"$row[pic_url]\" rel=\"lightbox[seniors]\"
title=\" <form action ="/tallyvote.php?sen_id=$row[sen_id]" method="post">
$row[first_name] $row[last_name] - $row[school]
<input name="submit" type="submit" value="Vote" >
</form> \">$row[last_name], $row[first_name]</a><br/>";
}
echo '</p></td>';
?>
<?php
//FOR LETTER: F
$query = "SELECT * FROM seniors WHERE last_name LIKE 'F%' ORDER BY last_name ASC";
$result = @mysql_query ($query);
echo '<td width="161" valign="top" align="center"><p><span class="style19"><u>-F-</u></span><br />';
while ($row = mysql_fetch_array ($result)){
echo "<a href=\"$row[pic_url]\" rel=\"lightbox[seniors]\"
title=\" <form action ="/tallyvote.php?sen_id=$row[sen_id]" method="post">
$row[first_name] $row[last_name] - $row[school]
<input name="submit" type="submit" value="Vote" >
</form> \">$row[last_name], $row[first_name]</a><br/>";
}
echo '</p></td></tr>';
?>
</div>
</div>
Please Help. I so wanna get this part over with as it's killing me. I'm currently using the following code so that when I hover over my navigation images it fades them when hovered over. Code: <script type="text/javascript">$(function() {$(".fade-in").css("opacity","0");$(".fade-in").hover(function () {$(this).stop().animate({opacity: 1.0}, "220");},function () {$(this).stop().animate({opacity: 0}, "2000");});});</script>
It works fine but when I have any other javascripts, such as a lightbox or image swapper, only one of them works. I want a lightbox script on the page so I need to figure out how to get both scripts working together. Note I'm not java developer, I just copied and pasted the code for my website so it's entirely possible, and probable, that I'm making a fundamental error here. It seems to be based on exactly where I add the jquery code. For example if I use the following code then the lightbox works but not the fader. Code: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="design/lightbox/prototype.js"></script>
<script type="text/javascript" src="design/lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="design/lightbox/lightbox.js"></script>
<script type='text/javascript'>$(function() {$(".fade-in").css("opacity","0");$(".fade-in").hover(function () {$(this).stop().animate({opacity: 1.0}, "220");},function () {$(this).stop().animate({opacity: 0}, "2000");});});</script>
But if I use the following code then the lightbox doesn't work but the fader does. Code: <script type="text/javascript" src="design/lightbox/prototype.js"></script>
<script type="text/javascript" src="design/lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="design/lightbox/lightbox.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>$(function() {$(".fade-in").css("opacity","0");$(".fade-in").hover(function () {$(this).stop().animate({opacity: 1.0}, "220");},function () {$(this).stop().animate({opacity: 0}, "2000");});});</script>
Anybody know what's happening here? Hi there, i really could use the help. Ok, so (and im sure i will be told other ways) i have come up with a way of blocking people from my site even if they are currently on the site and dont reload the page. What i was thinking of is simply: a tiny iframe on the bottom of my page, so small it cant be seen ie 1px that iframe goes to a page saying YOU HAVE BEEN BANNED That page istself will be on a constant 10 seccond refresh so as soon as i add the ip address to it, BOOM, it will break out of the iframe and take the user away from the main page as display the you have been banned message. Sound good? ok, so here is what i have sofar but i know its wrong, dont really know how to write it correctly. The main point is: if ip is 111.111.111 then break out of iframe else do nothing. Thanks for the help. Code: <script language="JavaScript">
VIH_ForeColor = "navy";
VIH_FontPix = "16";
VIH_DisplayFormat = "%%IP%%";
VIH_DisplayOnPage = "no";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/visitorIPHOST.js.php"></script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/visitorIPHOST.js.php"></script>
<script>
if (VIH_HostIP == "111.111.111.111")
document.write('if (top.location!= self.location) {
top.location = self.location.href
}' );
}else{
document.write('');
;}
</script>
Hi there, i really could use the help. Ok, so (and im sure i will be told other ways) i have come up with a way of blocking people from my site even if they are currently on the site and dont reload the page. What i was thinking of is simply: a tiny iframe on the bottom of my page, so small it cant be seen ie 1px that iframe goes to a page saying YOU HAVE BEEN BANNED That page istself will be on a constant 10 seccond refresh so as soon as i add the ip address to it, BOOM, it will break out of the iframe and take the user away from the main page as display the you have been banned message. Sound good? ok, so here is what i have sofar but i know its wrong, dont really know how to write it correctly. The main point is: if ip is 111.111.111 then break out of iframe else do nothing. Thanks for the help. Code: <script language="JavaScript">
VIH_ForeColor = "navy";
VIH_FontPix = "16";
VIH_DisplayFormat = "%%IP%%";
VIH_DisplayOnPage = "no";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/visitorIPHOST.js.php"></script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/visitorIPHOST.js.php"></script>
<script>
if (VIH_HostIP == "111.111.111.111")
document.write('if (top.location!= self.location) {
top.location = self.location.href
}' );
}else{
document.write('');
;}
</script>
I have a strange problem. I'm running a shortcut with target: Code: "%PROGRAMFILES%\Internet Explorer\iexplore.exe" -k "C:\myfile.html" It opens the page in kiosk mode. The contents of myfile.html contains an image with an onclick to this function: Code: function loader(){
window.open('myurl.com','','');
}
In Windows 7 32-bit running IE8 the url breaks out of kiosk mode. In Windows XP 64-bit running IE7 the url stays in kiosk mode. I can't think why. Is it the IE difference, the bit difference or the platform difference? Anyone struck this before? I know kiosk mode isn't that well used. I have an issue with my div visibility toggling Code: function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
I call it from an image map he Code: <area shape="rect" coords="234,-12,480,203" href="#peripherala" onclick="toggle_visibility('peripherala');toggle_visibility('shadow');return false"/>
and I do the return false to stop the thing from jumping all over the place, but where i click next, the page scrolls down to center on that point, which is really annoying. How do I stop it? Thanks for any help.... Hello! I come to you guys with a javascript problem. I'm using the javascript mouseover called wz_tooltip.js located here. Inside of it, I'm using many variables which have worked perfectly fine. If any variable has a value that conflicts with javascript, I simply do a php str_replace. This has worked perfectly for all but one issue. When one of the $string has a breaking line in it <br />, it breaks the javascript mouseover entirely. I can't figure this out for the life of me. The mouseover code itself is bolded: Code: $placeholders = array("'", "<br />");
$fixup = array("\'", "TEST");
$saPreview2 = str_replace($placeholders, $fixup, $lastxdevel2['pagetext']);
$lastxdevelt2.="<div class='smallfont'><font size='2'><a onmouseover=\"Tip('<b>Title:</b> $saTitle2<br/><b>User:</b> $lastxdevel2[lastposter]<br /><b>Last Post:</b>$agdate2<br/><b>Preview: </b>$saPreview2')\" onmouseout=\"UnTip()\" href='showthread.php?t=$lastxdevel2[threadid]'>$lastxdevel2[title]</a></font></div>";
I tested with other values to make sure that the strings were properly being replaced, and indeed they were. I have the mouseover tooltip set to a specific width. So multiple lines work fine (one line running into another), but if there is a <br /> inside or any form of a formal line break, it literally causes the javascript mouseover script to cease to function. This is impossible to avoid because $string's value is text from a forum post. I'll reiterate that the str replace is working. When I view source, there are no <br/> tags. There are still line breaks though. Why would line breaks in $string cause a javascript mouseover to cease functioning? I have a feeling it must be how the tooltip handles line breaks? Thank you in advance. I'm having a problem with links once I insert some javascript for a photo gallery into my page. I'm kind of new to all of this so sorry if this is something really easy, but I would like to make it so doesn't make my navigation links stop working, if possible. Code: $(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('fast');
$('#image').html('<img src="' + image + '"/>');
return false;
});
});
I have two simple forms on the site, each captures an email address they are for two separate languages. However when I try to validate, only one validates and the other one doesn't Javascript: Code: <script type="text/javascript">
function checkform ( form )
{
// ** START **
if (form.email.value == "") {
alert( "Please enter your email address." );
form.email.focus();
return false ;
}
// ** END **
return true ;
}
</script>
<script type="text/javascript">
function checkform ( form )
{
// ** START **
if (form.email2.value == "") {
alert( "Please enter your email address." );
form.email2.focus();
return false ;
}
// ** END **
return true ;
}
</script>
Form 1- It Validates Just Fine Code: <form name="quote" method="post" action="contact.php" onsubmit="return checkform(this);">
<td>
<input name="email" style=" background-color:#FFFFFF; width:200px; height:13; font-size:11px; color:#666666" type="text" /></td>
<td> <input style="border:none" type="image" name="imageField" id="image" src="submit.jpg" />
</td>
</form>
Form2 Doesn't Validate Code: <form name="quote" method="post" action="contact.php" onsubmit="return checkform(this);">
<td><input name="email2" style=" background-color:#FFFFFF; width:200px; height:13; font-size:11px; color:#666666" type="text" /></td>
<td>
<input style="border:none" type="image" name="imageField2" id="image2" src="submit2.jpg" />
</td>
</form>
Hi all, I'm a bit newbie in scripting, but i'm trying to learn by myself . Hope you can help me with this I have two main pages, called index.html and news.html. Both pages loads a third page called news_content.html, using AJAX function load. This third page has a pagination script, but the pagination has to be different if the page has been loaded from index.html or news.html (for example, the max items per page has to be different). The pagination settings are defined inside news_content.html. How can I know, from the content page, with one has loaded it? Or... its possible to pass values from the main pages into the content page, in order to change the pagination settings? Thanks in advance! Good Morning Everyone, My first post here so hope i get the format right The problem I have a menu on a new website im developing. The menu is going to be within a PHP include file. I need a way of (using JS) the current page having its menu item with a different image to the others e.g. a "selected" image. The code im experimenting with, and which may shed a bit more light on what im trying to achieve is as follows: Code: var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
if (filename = 'about.php')
{
$('#about').attr('src', 'images/Nav/about_selected.png')
}
else
{
$('#about').attr('src', 'images/Nav/about_over.png')
}
I am using jQuery for this project thus the jQuery code being thrown in there. The logic of the code iv made is, IF the page is 'About' then the 'About' menu button should display 'about_selected.png'. I hope this makes sense and a solution would be much appreciated. Thanks! This script isnt working. Im not sure what im doing wrong. forgive me i havent programmed in javascript before. titles.js Code: <script type="text/javascript" language="javascript">
<!--//
function random_Title(){
if (parseInt(navigator.appVersion) >= 4) {
var num = 3;
var rantitle = new Array(num+1);
rantitle[1] = "Random Title1";
rantitle[2] = "Random Title1";
rantitle[3] = "Random Title1";
ranNumber = parseInt(num * Math.random() + 1);
document.title = rantitle[ranNumber];
}
//-->
}
</script>
html page Code: <html> <head> <script type='text/javascript' src='http://www.flashmajic.com/Google/titles.js'></script> <script> document.title = random_Title() ; </script> </head Ok, I'm nearly pulling my hair out with this one. I have been looking at this code for two evenings now, and rewrote it 4 times already. It started out as jQuery code and now it's just concatenating strings together. What I'm trying to do: Build a menu/outline using unordered lists from a multidimensional array. What is happening: Inside the buildMenuHTML function, if I call buildMenuHTML, the for loop only happens once (i.e. only for 'i' having a value of '0'.) If I comment out the call to itself, it goes through the for loop all 3 times, but obviously the submenus are not created. Here is the test object: Code: test = [
{
"name" : "Menu 1",
"url" : "menu1.html",
"submenu" : [
{
"name" : "menu 1 subitem 1",
"url" : "menu1subitem1.html"
},
{
"name" : "menu 1 subitem 2",
"url" : "menu1subitem2.html"
} ]
},
{
"name" : "Menu 2",
"url" : "menu2.html",
"submenu" : [
{
"name" : "menu 2subitem 1",
"url" : "menu2subitem1.html"
},
{
"name" : "menu 2subitem 1",
"url" : "menu2subitem1.html"
} ]
},
{
"name" : "Menu 3",
"url" : "menu3.html",
"submenu" : [
{
"name" : "menu 3 subitem 1",
"url" : "menu3subitem1.html"
},
{
"name" : "menu 3 subitem 1",
"url" : "menu3subitem1.html"
} ]
}
];
Here is the recursive function: Code: function buildMenuHTML(menuData,level) {
var ul;
if (level == 1) {
ul = "<ul id='menu'>";
} else {
ul = "<ul class='level" + level + "'>";
}
for (i = 0; i < menuData.length; i++) {
menuItemData = menuData[i];
ul += "<li>";
ul += "<a href='" + menuItemData.url + "'>" + menuItemData.name + "</a>";
if (typeof menuItemData.submenu != 'undefined') {
ul += buildMenuHTML(menuItemData.submenu,level + 1);
}
ul += "</li>";
}
ul += "</ul>";
return ul;
}
Here is how the function is called initially: Code: buildMenuHTML(test,1); This is it's return value (with indentation added for readability): Code: <ul id='menu'>
<li><a href='menu1.html'>Menu 1</a>
<ul class='level2'>
<li><a href='menu1subitem1.html'>menu 1 subitem 1</a></li>
<li><a href='menu1subitem2.html'>menu 1 subitem 2</a></li>
</ul>
</li>
</ul>
'Menu 2' and 'Menu 3' don't show up! I'm sure it's something small that I'm overlooking, but any help would be appreciated. Hello. My goal is to load the JS for a specific element before displaying that element. I integrated a third part script, and it works well. I set the timer he The JS is in my heading as <script type="text/javascript" src="countdownpro.js"></script> About mid-body I have: <span id="countdown1">2010-07-20 00:00:00 GMT+00:00</span> which allows for the setting of a target date to countdown to. When the page first loads it shows the above long format target time, until the js/meta tags kick in to modify it to just show the actual countdown as 00:00:00. I have attached countdownpro.js to this post. I tried shifting the function CD_Init() to the top of the script, and also appended it inline with the .html. I tried setting the big external script to "defer", but neither arrangement worked. I also tried placing the src file right at the top. I appreciate your help. I want to implement a javascript function where a submit button will be submitted from the parent page each time I close a child page. Please let me know what I did wrong in my code and please elaborate your answer so that I could understand it better. Thank you so much for your help. I have the following jscript code but it is now working. Code: window.onunload = submitParent;
function submitParent()
{
var doc = window.opener.document,
theForm = doc.getElementById("finalForm");
theField = doc.getElementById("finalSelected");
theForm.submit();
theField.trigger('click');
}
My form from the parent page is as follow. I want my jscript to just click on the submit button once. Code: <form id = "finalForm "name= "finalForm" method="POST" action=""> <input type="Submit" id = "finalSelected" name="finalSelected"/> I just wrote an essay to discover it had logged me out and I lost everything. Grrrrrrr. Here goes again, simplified this time. I've got a sticky footer at the bottom of the page and a spry collapsible panel which expands to reveal content on mouse over. The problem I'm facing is that the page doesn't scroll down with it, only the scroll bar gets larger to accommodate for a manual scroll down. This is kind of useless because the user might not even realise that there's extra content there in the first place if it's not automatic. My question is, what's the best javascript code to use to automatically scroll the page down when the spry tab is opened and where would I insert it? I've tried all morning with no success so far! Thanks, Nick, I'm copy pasting this post this time round, I don't trust this website now Hi, I am Aditya. I am explaining below the exact scenario where I need the help: I am developing a web application in which I need to integrate a javascript/html editor on some of the web pages and then provide 'Edit' buttons on those web pages so that users can edit the content on that partciular html/jsp page (like editing in wiki pages) and then, when they add some content and click on submit button, the new content should appear on the web page with all the formatting (i.e. bold, italics, color and so on) which was applied by user when he was entering the text. Now, I need help for the below issues: 1. Please suggest me a good javascript/html editor (freely downloadable) which I can use to integrate with my web pages. 2. Once the user has entered some content using the above javascript editor, how to make that content reach the server and update the corresponding web page. I am new to web development, so may be that these questions are too simple. But, I need some help from you. Waiting for your reply, Thanks, Aditya Hi All, Im new to this forum...need some of your help and advice. I have a js code like this : <script type="text/javascript"> <!-- var sipPos = 0; $(document).ready(function() { $("#panel-tab").click(function(e) { //if(autoTimer) clearTimeout(autoTimer); //autoTimer = null; e.preventDefault(); $("#panel").animate({ left: sipPos }, 1764, 'linear', function() { if(sipPos == 0) { sipPos = -856; } else { sipPos = 0; } }); }); }); --> </script> what it does is that it hide and show a panel by slidint it to the left. But my client want that on page load the panel opens automatically for about 2-3 seconds just to let users know that its here. So ive written this : <script type="text/javascript"> <!-- var sipPos = 0; $(document).ready(function() { var autoTimer = null; autoTimer = setTimeout(function(){ $("#panel").animate({ left: sipPos }); autoTimer = setTimeout(function(){ $("#panel").animate({ left: sipPos = -856 }); }, 2000); },1000); $("#panel-tab").click(function(e) { //if(autoTimer) clearTimeout(autoTimer); //autoTimer = null; e.preventDefault(); $("#panel").animate({ left: sipPos }, 1764, 'linear', function() { if(sipPos == 0) { sipPos = -856; } else { sipPos = 0; } }); }); }); --> </script> But when the panel finished showing the button to open it again doesn't work...any help please..really urgent. thks //Sam Hi there! I am using GlassBox "http://www.glassbox-js.com/" As a light box on a website. Basically, You click an thumbnail image, and a window pops up with a larger version of that image. Now originally, the window opened X number of pixels from the top of the page. However, My thumbnail images were located mid page, so when you clicked on one, the window would open at the top of the page and the user would not see it unless they scrolled up. So I attempted to modify the script so that it would get the users page width/height and display it directly in the center no matter the position. Now my problem is that the script only works when the user has already scrolled down. So if the page is scrolled all the way to the top, and you click on a thumbnail, the window will not open center screen. Here is an example: http://synaxis.pcriot.com/ When the page loads, DO NOT scroll it, and click on the image. You will see the window pop up, and not centered, like it should be. However, now if you scroll down, and click the image again, you see that it is now centered. I also noticed that when the page is scrolled up, and the image does not center, it always is placed below the thumbnail image, or otherwise where ever the DIV is located. It normally located under the image, but if i place the DIV at the top of the page then the window will pop up there. And this does happen on every browser that I have tested, Firefox, IE, and Chrome. So, I am pretty much stumped as to why this is happening. If anyone can shed some light I would be very grateful. Thank You Here is a link to the original code: http://synaxis.pcriot.com/javascript...ox/glassbox.js And modified code: http://synaxis.pcriot.com/javascript...ox/glassbox.js The modified code is at the very bottom of the script. Original Code: Code: /**
* @public
*/
if ( typeof($) == 'undefined' ) {
$ = function (id) {
return document.getElementById(id);
}
}
Modified Code Code: /**
* @private
*/
var removeElement = function(id) {
var Node = document.getElementById(id);
Node.parentNode.removeChild(Node);
}
/**
* @private
*/
var getDocHeight = function() {
var db = document.body;
var ddE = document.documentElement;
return Math.max(
db.scrollHeight, db.offsetHeight, db.clientHeight,
ddE.scrollHeight, ddE.offsetHeight, ddE.clientHeight
);
}
/**
* @public
*/
if ( typeof($) == 'undefined' ) {
$ = function (id) {
return document.getElementById(id);
}
}
Hi there, Im a total newbie and learning html and javascript as I go along, so any help you can give is greatly appreciated! It is possible to perform a find in page search that looks at a specific link, opens the page in a new window and finds the text within that document?? Basically I regularly use an html page in work that has a list of people and their telephone numbers. I want to be able to type in a searchbox on my main page and it open the target page and find the name I am looking for? Is this possible or can you only Find In Page on the same page or another frame? Tearing my hair out........ Thanks Glen |
|||||||