JavaScript - Problems With Printing And Popups Ie9 Ff8

I have developed one to one chat in asp.net. Now I wanted a gmail chat like feature in it. In left side of page, a list of online users should be available. When I click on a user, a new div should popup on right bottom corner with close and minimise buttons.
When I click on another user , a second div should popup on right bottom corner of page but left to the first popup div.
I want popping up of divs dynamically. The no of clicked users should decide the no of popped up divs. Also, for each division there should be a separate division ( inside the popped division ) whose innerhtml value is my chat text.
And if three divs are popped up and if I close the second one, the third should get attach to first popup.

Hope, you'll understand my requirements, and will provide a suitable code in javascript.

I found this script while browsing a site:
Code:

<script language="JavaScript">
<!--
 if(popUpsBlocked)
  alert('Our site uses Pop-Ups.\nPlease enable Pop-Ups for this website.');
}
//-->
</script>

But when I added it to my site, it wont work.

Discuss and find a soulution.......

I have several 'galleries' for each artist on my website. Clicking on each thumbnail opens a popup window with a larger image and details. It works fine on all the browsers except IE. What do I need to add/subtract/alter so that it works in IE? Tried to find the solution with the other threads, but without success. Here's the website:
http://artsenses.co.uk

I will be eternally thankful for any help!

I'm a complete newbie so please excuse me if this is obvious.

I'd like to have a drop down menu that pops up a small new window with an image. So for, every attempt results in the image appearing in a new tab instead of a small, pop up style window.

Here's my form

<select name="parms">

<option value="AirTemp.jpg">AirTemp</option>
<option value="Humidity.jpg">Humidity</option>
<option value="Windspeed.jpg">Wind Speed</option>

</select>

Many thanks.

Hi there everyone,

My question is one that has been asked many times before always with the same answer.

I'm hoping that all the new developments with JQUERY and Prototype that a method would have come about on how to print an external HTML file without first opening it?

So you click it and it prints without having to use frames, redirects etc...

Any ideas?

Quote:
var c739=new Array ("C#739","Brick Township","125 Route 65","Brick","NJ","08723","Phone #","1234569");
Quote:
var c741=new Array ("C#741","Brick","125 kool st ","copolla","NJ","07831","Phone #","6957891");
Quote:
document.write(c739[1]);


I need help for the above code. I created a simple Array which would then be growing too soon. I need to add a prompt :

store : c739

then all the elements would show as:
C#739
Brick Township
125 Route 65
Brick, NJ 07831
Phone# 1234569

Please help. Thank you in advance.

Hey. I have been pulling out my hair trying to do this.

I am printing out the contents of a DIV tag but it does not print the css with it. Just the basic text
For example:

.testDiv {
border: 1px solid #0F0;
margin-right: 300px;
text-decoration: underline;
font-weight: bold;
}

The print does not change the text according to the css.
Why is this?

Thanks in advance for any help.

Marc

Hi Guys,

Using this code i have managed to get the query value from the url.

code:

PHP Code:
<script type="text/javascript">
// Check referrer
function getQuerystring(key, default_)
{
  if (default_==null) default_=""; 
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
}

var refVal = getQuerystring('r');
</script>
<div id="div-regForm">
<div class="form-title">Sign Up</div>
<div class="form-sub-title">Earn points & then swap for prizes! FREE!</div>
<form id="regForm" action="sign-up.php" method="post">
<table>
  <tbody>
  <tr>
    <td><label for="fname">First Name:</label></td>
    <td><div class="input-container"><input name="fname" id="fname" type="text" value="<?php print $_POST['fname']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="lname">Last Name:</label></td>
    <td><div class="input-container"><input name="lname" id="lname" type="text" value="<?php print $_POST['lname']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="email">Your Email:</label></td>
    <td><div class="input-container"><input name="email" id="email" type="text" value="<?php print $_POST['email']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="pass">Password:</label></td>
    <td><div class="input-container"><input name="pass1" id="pass1" type="password" value="<?php print $_POST['pass1']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="pass">Confirm Password:</label></td>
    <td><div class="input-container"><input name="pass2" id="pass2" type="password" value="<?php print $_POST['pass2']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="cntry">Country:</label></td>
    <td><div class="input-container"><select name="cntry"><?php foreach($countryArray as $country) { print "<option value=\"$country\">$country</option>"; } ?></select></div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><input name="r" type="hidden" value="<script type="text/javascript">document.write(refVal);</script>" /><input type="submit" class="greenButton" name="submitSignUp" value="Sign Up" /></td>
  </tr> 
  </tbody>
</table>
</form>
</div>

in this part value="<script type="text/javascript">document.write(refVal);</script>" /> i can't seem to put the value in the hidden field it print fine in the code just above.

thanks for any help guys

Graham

I have a routine that prints a textarea:

Code:

function printInput(f){
  var ifr = window.frames['printFrame'];
  if (ifr){ //print the content of the invisible iframe
     ifr.document.getElementById('content').innerHTML=f.WRKNOTEPAD.value.replace(/\n/g,'<br />');
     ifr.focus();
     ifr.print();
  }
  else { //print by opening a new window and then closing it
     var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body onload="window.print();window.close()"><div>'+f.WRKNOTEPAD.value.replace(/\n/g,'<br />');+'</div></body></html>'
     var win = window.open('','_blank','menubar,scrollbars,resizable');
     win.document.open();
     win.document.write(html);
     win.document.close();
  }
}

function writeContent(objIframe){
  var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body><div id="content"></div></body></html>'
  objIframe.document.write(html);
  objIframe.document.close();
}

This works nicely when the button is of input type:

Code:

<form name="FORMNOTES"><textarea name=WRKNOTEPAD cols=140 rows=20 wrap=yes style=\"font-family: Arial; font-size: 10pt\"></textarea><div>
<br>
<input type="button" value="Print notepad" onClick="printInput(this.form)">
</div>
<iframe name="I1" id="printFrame" src="javascript:parent.writeContent(this)" width="1" height="1"></iframe></form>

But when I try to make the input button an img button it errors:

Code:

<img border="0" src="/images/printnotes.gif" onClick="printInput(this.form)">

The error is "WRKNOTEPAD is null or not an object".

Is there any way to overcome this and use an image to achieve the same thing? I'm thinking that the image is not an element(?) - is that the reason?

Thanks for any light on this.

Hi

I have the code below which geocodes a postcode and returns a lat a long value. Its standard code from Google maps. I just want to print these values to a screen. I tried document.write(value) but this produces nothing. Any help would be greatly appreciated.

Code:

<script type="text/javascript">
	var localSearch = new GlocalSearch();
	function usePointFromPostcode(postcode)
	{
		localSearch.setSearchCompleteCallback(null, 
			function()
			{
				if (localSearch.results[0])
				{		
					var resultLat = localSearch.results[0].lat;
					var resultLng = localSearch.results[0].lng;
				}
				

				document.write(resultLat+resultLng); 

				
				//alert("Latitude: " + resultLat + "\nLongitude: " + resultLng + " q");				
			});	
		localSearch.execute(postcode + ", UK");
	}
</script>

TIA Stew

I have the following code attached that gives me a prime number. I can't seem to put the logic behind having this code print from an alert the prime numbers from 1-100. Of course, this code is only giving me "the" prime number. I just don't know where to begin, or how to store each number. Array maybe? Code:

var finding_primes = function() {
	var number = 31, prime = true;
	for ( var i = 2; i < number; i++ ) {
		if ( number % i == 0 ) prime = false;
	}
	if (prime) {
		alert( number + " is prime.");
	} else {
		alert( number + " is not prime.");
	}
}

When I use the following script in my web page I do not get a print out. Can anyone tell me what is wrong?


<!-- Begin

// Get today's current date.
var now = new Date();

// Array list of days.
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

// Array list of months.
var months = new Array('January','February','March','April','May','June','July','August','September','October','Novem ber','December');

// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

// Calculate four digit year.
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}

// Join it all together
today = days[now.getDay()] + ", " +
months[now.getMonth()] + " " +
date + ", " +
(fourdigits(now.getYear())) ;

// Print out the data.
document.write(today);

// End -->

Hello gurus

I have a page that needs to be printed 3 times. Window.Print() is such a great function, but I can't change the default number of pages to 3 with it. Is there anyway to do this?
I was thinking maybe if it's a way not showing the print page at all, just printing after the button is hit, I could put it in a loop and print 3 times.

Do you guys know of any remedy? Help this poor mortal in here

I'm newbie to javascript. I'm trying to print a web part in landscape orientation. I want to include CSS in java script and change the layout of the page. Here is the print code
Code:

					function printWebPart(tagid)
					{
						if (tagid)
						{
							var html = "<HTML>\n<head>\n"+
							$("HEAD").html()+
							"\n</head>\n<body >\n"+
							$("#"+tagid).html()+
							"\n</BODY>\n</HTML>";
							var printWP = window.open("","printWebPart");
							printWP.document.open();
							printWP.document.write(html);
							printWP.document.close();
					
						printWP.print();
						printWP.close();
					  
					}
							}
							</script>

and here is the css class :
.landScape
{
width: 100%;
height: 100%;
margin: 0% 0% 0% 0%;
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}

Please suggest how do i do this?

I'm trying to get this code to work in browsers other than IE.

It prints the contents of a textarea, say, a notepad, first bringing up the print dialog. It does it with an (almost) invisible iframe.

At first I thought it was only for IE, but I must have tested incorrectly (after a few dozen times uploading and printing out you lose your sanity) and I now see that it DOES work in FF, but not in Chrome.

For me (and maybe others?) that is very good news because it will probably be easier for someone more knowledgeable than me to solve a Chrome problem rather than an "all other than IE" browsers problem.

Code:

/*
for notepad printouts
*/
function printInput(f){
  var ifr = window.frames['printFrame'];
  if (ifr){ //print the content of the invisible iframe
     ifr.document.getElementById('content').innerHTML=f.WRKNOTEPAD.value.replace(/\n/g,'<br />');
     ifr.focus();
     ifr.print();
  }
  else { //print by opening a new window and then closing it
     var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body onload="window.print();window.close()"><div>'+f.WRKNOTEPAD.value.replace(/\n/g,'<br />');+'</div></body></html>'
     var win = window.open('','_blank','menubar,scrollbars,resizable');
     win.document.open();
     win.document.write(html);
     win.document.close();
  }
}

function writeContent(objIframe){
  var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body><div id="content"></div></body></html>'
  objIframe.document.write(html);
  objIframe.document.close();
}

I think this bit: if (ifr) tests for IE and if it fails the condition, it dynamically creates a new window to print from.

And I now see it does just this in FF. But not in Chrome.

So narrowing it down I think the Chrome failure is in this bit:

Code:

else { //print by opening a new window and then closing it
     var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body onload="window.print();window.close()"><div>'+f.WRKNOTEPAD.value.replace(/\n/g,'<br />');+'</div></body></html>'
     var win = window.open('','_blank','menubar,scrollbars,resizable');
     win.document.open();
     win.document.write(html);
     win.document.close();
  }

Is there anyone who can see why this would fall over in Chrome?