JavaScript - Accessing Window Element Difference In Ie & Firefox

I have a form that lets users click on date time value that is a link. When the link is clicked, a pop up opens up allowing the user to change the date and time. When they submit the date/time change form, the pop up is supposed to close and the date/time i the original form should be updated.

This works in IE, but not FireFox.

Inital form code:

Code:

function openTimeWin(windowURL, windowname)
{
	var strHelpOptions = 'toolbar=1,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=320,height=230';
	mywindow = window.open(windowURL, windowname,strHelpOptions);
	mywindow.moveTo(5,5);
	mywindow.focus();
}

Code:

<A HREF="javascript:openTimeWin('CallLoggerTime.cfm?SCDate=#URLEncodedFormat(DateFormat(StartCall,'mm/dd/yyyy'))#&ECDate=#URLEncodedFormat(DateFormat(EndDefault,'mm/dd/yyyy'))#&SCTime=#URLEncodedFormat(TimeFormat(StartCall,'h:mm:ss tt'))#&ECTime=#URLEncodedFormat(TimeFormat(EndDefault,'h:mm:ss tt'))#','TimeWin')">#TimeFormat(StartCall,"h:mm:ss tt")#</a>

Pop up window relevant code:

Code:

<script language="Javascript">
	opener.ThisForm.StartCall.value = "#newStart#";
	opener.ThisForm.EndCall.value = "#newEnd#";
	opener.catchdummy.prematureflag.value=0;
	opener.ThisForm.submit();
	self.close();
</script>

Anyone know what's up?

Thanks!

Been trying for three days to find a way to self close a FF window. The window is opened from a link on a board, and its only purpose is to run an onLoad script that launches a popup window, after which I need it to close itself. There are any number of ways to do this in IE, but nothing works in FF - the parent window remains open. Seems ridiculous that something so simple can't be done. Any help would be appreciated.

Thx.

Hi,

Can you please help me to solve the window.open() problem with firefox browser?

I wrote the statement which is given below,
window.open('filename.php','file_head','width=730,height=525,status=no,location=no,menubar=no,resiza ble=no');

Only width & height parameters were working in firefox & others are not working.
This was working properly in IE. Problem exisitng with firefox only.

Please let me know if anyone have solution for this problem

Hello all,

I am trying to close a window when I press a link using javascript.
The code is simple...
Code:

<a href="" onclick="window.close()">Close this window</a>

This works as well, and I know that it will work only on windows opened by javascript. That's ok as well.

My question is that in Firefox, I can open a link a new tab. So I open a new tab by clicking on a link like this...
Code:

<a href="somepage.html" target="_blank">OPEN</a>

Now when I try to close this tab using javascript, after closing it refreshes the page. This I know is happening because, I did href="".

What's the workaround for this problem....

Hi Guys,

I have written a simple code to open up a new window onclick of a button as follows;

Code:

function loadExamp()
{
	var reqType = getElementValue("reqType", 1);

	window.open("../jsp/loadExamples.jsp?reqType=" + reqType, "Connection Test Utility - Message Examples", "width=500,height=300,menubar=no,status=yes,   location=yes,toolbar=no,scrollbars=yes" );

	return;
}

The problem is that this code is working on Google Chrome but not in Firefox and IE. Why is that and how can I resolve this issue.

I am using Firefox 3.6.11 and IE 8.0.XX.

Also I tried to open a new window using <a href> option with the same URL and its working but the only problem is that I want to pass my next JSP an argument which is only possible with function or script.

I googled it but couldn't find much information except that there is some security problem. For that I have disabled the 'Pop up Bloker' on both Firefox and IE but still not working.

When I click my button there is no activity with 'Firefox' but IE gives me error as follows;

Code:

Message: Invalid argument.
Line: 74
Char: 2
Code: 0
URI: http://localhost:8080/T24Utility/scripts/verifyCxPool.js

Please help,

Thanks,

--

Sjunejo

Hi

I wrote following code for the purpose to single right click to open new window, while left click would open another window. It works for IE but does not work for Firefox. Please help.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US|zh-Hans|zh-Hant">
<head>
<title>Javascript Question</title>
<META NAME="LANGUAGE" CONTENT="en">
<META NAME="DOCUMENTCOUNTRYCODE" CONTENT="us">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=GB18030">
<script language='Javascript' type='text/javascript'>

var rightClick = false;
window.document.oncontextmenu = new Function("return false");
window.document.onmouseup = mouseUp;

function mouseUp(e)
{ if (!e) var e = window.event;
if (e.which) rightClick = (e.which == 3)
else if (e.button) rightClick = (e.button == 2);
if (rightClick) window.open('http://www.yahoo.com/');
}

</script>
</head>
<body>
<a href="#" onclick="window.open('http://www.google.com/')" onmouseup>Open New Window</a>
</body>
</html>

The photo html files on the Fanac Fan History project's website are setup to be displayed properly when JavaScript is disabled and reformatted by a php script when JavaScript is enabled. The reformatting adds some features and positions each photo's caption and credits based on the width of the photo and the browser's page width. This worked well except that, when a photo page was accessed the browser's back button wouldn't work properly. This was because I had failed to include the replace option in my windows.open statement. The statement now reads fileWindow = window.open(fileURL, "_self", "", true); and this has cured the problem with IE but it still doesn't work with FireFox.

Oddly enough it worked correctly with Google's Chrome with/without the replace and with Opera and Safari it also sort of worked without the replace. With replace Opera works correctly but Safari stll needs a double click.

Any suggestions?

The bit of code in bold in the code below is giving me this error in IE:

Error:
Code:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; Tablet PC 2.0; InfoPath.2; OfficeLiveConnector.1.4; .NET CLR 3.0.30729; OfficeLivePatch.1.3; MSN OptimizedIE8;ENGB)
Timestamp: Tue, 16 Mar 2010 15:07:11 UTC

Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0
URI: http://www.mateinastate.co.uk/users/mateinastate

Code:
Code:

if(document.getElementById('msn1').innerHTML=="")
{
	 document.getElementById('msn1').style.display='none';
}
if(document.getElementById('yahoo1').innerHTML=="")
{
	 document.getElementById('yahoo1').style.display='none';
}
if(document.getElementById('skype1').innerHTML=="")
{
	 document.getElementById('skype1').style.display='none';
}
if(document.getElementById('facebook1').innerHTML.toLowerCase().substr(0,18)=='<a href="http://">')
{
	 document.getElementById('facebook1').style.display='none';
}
else if(document.getElementById('facebook1').innerHTML.toLowerCase().substr(0,11)=='<a href="">')
{
	 document.getElementById('facebook1').style.display='none';
} else
{
	 document.getElementById('fbook-add').innerHTML='Facebook Profile';
}

What it's saying isn't actually true (I don't think)... this is how the section is laid out:

Code:

<div id="submenu1" class="anylinkcss">
<ul>
<li class="contact-pm"><a href="/index.php?do=pm&act=new&to=$RateViewProfileUserName$&returnurl=$ReturnURL$">PM me</a></li>
<li class="contact-email"><a href="/index.php?do=email&id=$RateViewProfileUserId$">E-mail me</a></li>
<li class="contact-msn" id="msn1">$RateViewProfileUser-profile_msn$</li>
<li class="contact-yahoo" id="yahoo1">$RateViewProfileUser-profile_yahoo$</li>
<li class="contact-skype" id="skype1">$RateViewProfileUser-profile_skype$</li>
<li class="contact-facebook" id="facebook1"><a href="$RateViewProfileUser-profile_facebook$"><span id="fbook-add"></span></a></li>
</ul>
</div>

<script type="text/javascript" src="/html_1/js/contact-information.js"></script>

Does anyone know why this might error in just IE?

Hi, I'm relativly new to JS and brand new to the forum so you might need to dumb down your replys for my slightly lacking knowledge. That being said I do have a very solid grasp of html, css and am getting there with JS and its various frameworks.

I'm integrating wordpress into an existing site for a friend and currently have the main blog page appear in a DIV. This is the best way to integrate in this case due to many reasons mostly of way the site is constructed.
Code:

<div class="scroll-pane" id="scrollbox">
	WORDPRESS BLOG		     
</div>

My issue is that links within that DIV, in the blog, when clicked redirect the page. The simple answer to this would be to have them just open in a new page, which I can easily do with the below code.

Code:

function Init()
{
  // Grab the appropriate div
  theDiv = document.getElementById('scrollbox');
  // Grab all of the links inside the div
  links = theDiv.getElementsByTagName('a');
  // Loop through those links and attach the target attribute
  for (var i=0, len=links.length; i < len; i++) {
    // the _blank will make the link open in new window
    links[i].setAttribute('target', '_blank');
  }
}
window.onload = Init;

But what I'd rather it do is have any link clicked inside the DIV to reload in that same DIV, similar to an iframe, but obviously without using an iframe, due to it's compatibility issues.

Is this possible by editing the above code? If not what do I need?

Thanks in advance for any help!

Hello all, and thank you for your coments,

I want to preserve a 16/9 aspect ratio to the window after any resize, making the width a function of the height.

As I have a window.resizeTo() inside the window.onresize event function, the infinite loop is served. How may I quit it?


Code:

<html><head><title>Title</title><script languaje="javascript">

const c_ra=16/9;
window.onresize = function WindowReSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
//  myWidth = window.innerWidth;
	myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
//    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  }

myWidth = Math.floor(myHeight*c_ra);
window.resizeTo(myWidth,myHeight); // ** CAUTION resize event in a onresize event handler !
};  

</script></head><body><p>Hello World</p></body></html>

Here is the program: http://www.1728.com/newwindow.htm
Basically, I want to input a number in the input box, which assigns a number to the variable numval located at document.box1.b1.

When clicking on the "new window" button, an alert displays the input box value, then another window opens and displays the integers 1 through 12 and the amount squared.

I would like the new window to obtain the number from the previous window so that the new window will display integers (and their squares) from 1 to the value of numval.

hello everybody
i need your help and experience for having code to show ( overlay / modal window ) to the user when closing or navigating away from the page ( i want put in this window facebook share to make the user to share the page in his facebook ) ,
bytheway i wanna use it in my wordpress in every post
could it be happen ?

Thanks for helping

hy all, I am creating an accordion menu that when i press the " UNIT " tab, it opens up a list of " Chapters " tab, and when i press on any one of those chapters, a list of lessons opens up. Till now, i have managed to create all the appropriate lists, but in default, lessons and chapters are opened automatically, and the lessons elements when pressed do not scroll back up to the chapters parents. My html5 file:
Code:

<script type="text/javascript" src="jqueryjs.js"></script>
<script type="text/javascript" src="jqueryuiaccor.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#accordion').accordion();
    });
</script>

<div id="container">
<div id="content">
<div id="sidebar">
        <ul id="accordion">
            <li>
                <a href="#recent" class="heading">Unit 1</a>    
                    <ul id="accordion">             
                        <li> <a href="#recent" class="heading">Chapter 1 </a> </li>
                                <ul id="accordion2">
                                    <li> Lesson 1 </li>
                                </ul>
                    </ul>
                    </li>
                    <li>
                    <a href="#recent" class="heading">Unit 2</a>    

                    <ul id="accordion">             
                        <li> <a href="#recent" class="heading">Chapter 1 </a> </li>
                                <ul id="accordion">
                                    <li> <a href="#recent" class="heading" role="tab" aria-expanded="true">Chapter 2 </a>
                                        <ul id="accordion">
                                            <li> <a href="#recent" class="heading">Lesson 1 </a></li>
                                        </ul>
                                    </li>
                                </ul>
                    </ul>
            </li>
        </ul>       
    </div>
    </div>
</div>

My acorjs.js file:

Code:

$(document).ready(function() {
    $('ul#accordion a.heading').click(function() {
        $(this).css('outline','none');
        if($(this).parent().hasClass('current')) {
            $(this).siblings('ul').slideUp('slow',function() {
                $(this).parent().removeClass('current');
                $.scrollTo('#accordion',1000);

            });
        } else {
            $('ul#accordion li.current ul').slideUp('slow',function() {
                $(this).parent().removeClass('current');
            });
            $(this).siblings('ul').slideToggle('slow',function() {
                $(this).parent().toggleClass('current');
            });
            $.scrollTo('#accordion',1000);

        }
        return false;

    });

});

Please HELP!

Hello,

I have a multi-dimensional object, derived from JSON returned by the Foursquare API. The object has the following structure (as printed using a print_r type method from http://www.openjs.com/scripts/others...hp_print_r.php

PHP Code:
    '0' 
        'id' => "27110xxx"
        'created' => "Sun, 11 Apr 10 15:09:45 +0000"
        'timezone' => "America/New_York"
        'user' ...
            'id' => "48xxx"
            'firstname' => "Barry"
            'lastname' => "xxx"
            'photo' => "http://playfoursquare.s3.amazonaws.com/userpix_thumbs/4abb5bxxxxxx.jpg"
            'gender' => "male"
        'display' => "xxxx. @ [off the grid]"
    '1' ...
        'id' => "2538xxxx"
        'created' => "Wed, 07 Apr 10 13:24:41 +0000"
        'timezone' => "Europe/London" 


Could anyone tell me the best way to access its elements? I have this so far which gets the required values, but I want to preserve the order ie. get the data from the first element in the object first, then move to the next - each element represents a user so I want to keep their data separate.

PHP Code:
/* This is a custom function which has the same function as print_r */
    function dump(arr,level) {
        
        var firstName, lastname, geolat, geolong, photo;
        
        var dumped_text = "";
        if(!level) level = 0;
        
        //The padding given at the beginning of the line.
        var level_padding = " ";
        for(var j = 0; j < level + 1; j++) level_padding += "    ";
        
        if(typeof(arr) == 'object') { //Array/Hashes/Objects 
            for(var item in arr) {
                var value = arr[item];
                
                if(typeof(value) == 'object') { //If it is an array,
                    dumped_text += level_padding + "'" + item + "'\n";
                    dumped_text += dump(value,level + 1);
                } else {
                    dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
                }
                
                if (item == 'firstname')   {
                    firstname = value;
                    document.write("First name: " + firstname + "<br />");
                    document.write(item);
                }
                
                if (item == 'lastname')   {
                    lastname = value;
                    document.write("Last name: " + lastname + "<br />");
                    document.write(item);
                }
                
                if (item == 'geolat') {
                    geolat = value;
                    document.write("Latitude: " + geolat + "<br />");
                    document.write(item);
                }
                
                if (item == 'geolong')  {
                    geolong = value;
                    document.write("Longitude: " + geolong + "<br />");
                    document.write(item);
                }
            }
        } else { //Stings/Chars/Numbers etc.
            dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
        }
        return dumped_text;
    }
    
    var myObj = <?php echo json_encode($checkin); ?>;
    
    alert(dump(myObj));

Sorry for the bloated code, I normally work in Java and PHP so although I understand the theory, I haven't worked with objects much in JavaScript before. Any help would be much appreciated!

I have created and opened a child window called "checkwin" and have written some data to it. If the data is valid, I want the user to click on the 'CONFIRM' button on the child window, at which time I want the "submit()" function for the form on the parent window to be executed. If the data is invalid the user clicks on 'MODIFY' and I want focus to return to a field on the parent form. However, when I click on the "CONFIRM" or "MODIFY" buttons on the child window, nothing happens. Here is the code:

Code:

checkwin.document.write("</td></tr><tr><td align='right'><input type='button' value='CONFIRM' 
onclick='opener.document.personnel_form.submit()'></td><td></td><td><input type='button' value='MODIFY' 
onclick='opener.document.personnel_form.first_name.focus()'></td></tr></table>")