JavaScript - Resize Sections Problem

Hiya, I created this thread on the html forum but I'm not sure if it can be done with javascript, so I'll post here as well. I was wondering if there's a way to make various sections of the image clickable? The sections on the image are not rectangular so I can't make divs. I don't think I can use imagemap either since that only works for making one clickable area right? I already cut out these sections in photoshop and saved them with alpha background, and created a "glowing" version of each section, since I want to make it so that when mouse hovers over it, it will glow. But I can't stack them on top of each other, since if I do that only the topmost layer will be clickable for those areas where they will overlap with rectangular divs.
This is example of what I mean:


Thanks

I can get this code to take two separate sections of a file which are not beside each other and write them into another file. It always comes up as a single full line of the code instead of the sections I want. The code includes the student number first name last name and three results of assignments. I want the code to write the student number and three results of all the students into a file and then work out the average of the student results. Can you help?

Code:

 try{                    
               while (in.hasNextLine())
               {
                  String line = in.nextLine();
                  out.println( line);
                  int i=0;
                  if(!Character.isDigit(line.charAt(i)))  { i++; }
                  studentStringNumber = line.substring(0, i);
                  String stringResult = line.substring(i);
                              	
                  studentStringNumber = studentStringNumber.trim();
                  stringResults = stringResults.trim();
                  double stringResultsValue = Double.parseDouble(stringResults.trim());
                  stringResults = in.nextLine();
                              	
                                 
                  studentStringNumber = in.nextLine();
                  studentNumber = Integer.parseInt(studentStringNumber);
                  if(in.hasNextInt())
                  {
                     int value = in.nextInt();
                  }
               						 					   
                  results = Double.parseDouble(stringResults); 
                  if(in.hasNextDouble())
                  {
                     double value = in.nextDouble();
                  } 
               						               	
                            	
                  Scanner lineScanner = new Scanner(line);
                  studentStringNumber = lineScanner.next();
                  while(!lineScanner.hasNextDouble())
                  {
                     studentStringNumber = studentStringNumber+ " " +lineScanner.next();
                  }
                  stringResultsValue = lineScanner.nextDouble();     
               }
            }

This is the code my js script. I don't know how to edit the size in this script.
My pic is around 300x300. Please teach me thanks a lot.
Javascript
if ($(".brandbtnch").size()>0) {
$(".brandbtnch").click(function(){
var id=$(this).attr("data-id");
var data=$(".data"+id).html();
$(".brandbigpicl").html(data);
});
}

I just want to resize the pic edit with this script.
Thanks

jQuery(window).resize(function(){
window.location.href=window.location.href;
});

this code was work all browsers but not work IE6. if anyone knows reply..

Hey everyone

My project was to create 4 buttons , 2 for div 1 and 2 for div 2.

The two divisions have overflow container so that the information
will never leak outside the div.

At the moment I have it so the style is 1x1 with opacity to 0 , then when visitors want to find information about a subject they press a button to move the div to a possition , opacity to 1 and the size is changed and the other button to return it.

Ive hit many problems and for my project I need to follow these lines, Ive found that I cant make javascript resize the same div more than once after a while.

could someone help me with this, Im trully baffled.

Hello awesome coders! I am here in need of your help.
I have a site with a lot of videos, from different sources, in different sizes, only thing they have in common is <div id="player">.
Due do different sources, each video player is different. Some have embed code, some have object, some have iframe, some have both/all.
Is it possible to create a script that will: Change the height and width of object, embed, iframe within the div. Is there another way to resolve this issue without changing all video code manually.

I was wondering if anyone knows of a javascript which re-sizes an image live as the user changes their browser window like the front page of the Louis Vuitton website?

We would like it to fill the users browser window when they first load their page and then change size as they adjust their browser window.

If not in javascript then if anyone knows of a flash script that would good, just prefer to just javascript.

http://www.louisvuitton.com/

Thanks all

Chris

I'm centering a section of html between a header and a footer on window load and resize. However, there are some strange issues happening. I'll list a couple and the code below. I also have an external header.php, footer.php, and profile.css that are used, but I don't want to post unnecessary code. If needed, I'll be glad to post it up though.
Any help would be greatly appreciated. This one has got me stumped.

-If the window is reduced lower than full screen, as the window is lengthened the footer will jump over the last line of text in the middle content.

-If the window is loaded in a reduced window, then fullscreened, sometimes the middle content will not recenter.

HTML
Code:

<?php 
	session_start(); 
	require($_SERVER['DOCUMENT_ROOT']."/phpFiles/UserFunctions.php");
	

	//Checks for logout function
	if(isset($_GET['logout'])){
		logOut();
		header('Location: http://'.$_SERVER['HTTP_HOST']);
	}
	
	//Checks if user is not logged in
	if(isset($_SESSION['loggedIn']) != True){	
		header('Location: http://'.$_SERVER['HTTP_HOST']);
	}
	
	//Checks if user has saved new account information
	if(isset($_POST['accountSaved'])){
		accountChangeSave($_POST['firstName'],$_POST['middleName'],$_POST['lastName'],$_POST['agency'],$_POST['password'],$_POST['email']);
	}
	
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en-US">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/main.css"/>
<link type="text/css" rel="stylesheet" href="css/profile.css"/>
<script type="text/javascript" src="jsFiles/main.js"></script>
<title>Home</title>
</head>
<body>
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->
	<div id="wrap">
		<!-- Header Include -->
		<?php
			require($_SERVER['DOCUMENT_ROOT']."/phpFiles/header.php");
		?>
		<div id="main">
			<!-- Administrator profile -->
			<?php
			if($_SESSION['userType'] == 'admin' or $_SESSION['userType'] == 'superAdmin'){
			?>
				<div id="middleContent">
					<div id="welcomeText"> Welcome <?php echo($_SESSION['firstName']) ?></div>
					<div id="horizontalBorder"> <img src = "images/welcomeBorderHorizontal.png"/></div>
					<div id="linkImages">
						<a href="javascript:void(0)" onclick="setAccountValuesJS(); openLightBox('accountBoxContent');"> 
							<img id="leftLinkImage" src ="images/silhouette.png"/>
						</a>
						<img id="verticalBorder" src="images/welcomeBorderVertical.png"/>
						<a href="" id="rightLinkImage"><img src="images/groupSilhouette.png"/></a>
					</div>
					<div id="linkText">
						<div id="leftLinkText">My Account</div>
						<div id="rightLinkText">Manage Users</div>
					</div>
				</div>
				
			<!-- Basic user profile -->
			<?php
			}else{
			?>
				<div id="middleContent">
					<div id="welcomeText"> Welcome <?php echo($_SESSION['firstName']) ?></div>
					<div id="horizontalBorder"> <img src = "images/welcomeBorderHorizontal.png"/></div>
					<div id="linkImages">
						<a href="javascript:void(0)" onclick="setAccountValuesJS(); openLightBox('accountBoxContent');">
							<img id="leftLinkImage" src ="images/silhouette.png"/>
						</a>
						<img id="verticalBorder" src="images/welcomeBorderVertical.png"/>
						<a href="" id="rightLinkImage"><img src="images/briefcase.png"/></a>
					</div>
					<div id="linkText">
						<div id="leftLinkText">My Account</div>
						<div id="rightLinkText">Apps</div>
					</div>
				</div>
			<?php
			}
			?>
		</div>
	</div>
	<!-- Footer Include -->
	<?php
	require($_SERVER['DOCUMENT_ROOT']."/phpFiles/footer.php");
	?>
</body>

</html>

CSS
Code:

/*Site Wide*/
body {
margin: 0;
padding: 0;
color: #ffffff;
font-family: Gill Sans, sans-serif;
background-color: #F1F1F1;
height:100%;
}
html{
overflow:scroll;
height:100%;
}
img{
border-width:0px;
}
#wrap{
min-height:100%;
}
a:link {
text-decoration: none;
color: white;
}
a:visited {
color: white;
text-decoration: none;
}
a:active {
color: white;
text-decoration: none;
}
a:hover {
text-decoration: underline; 
color: white;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/*Middle Content*/
#main{
overflow:auto;
padding-bottom: 170px;
}
#middleContent{
position:relative;
width:100%;
min-width:900px;
text-align:center;
}
#error{
size:x-large;
color:black;
font-weight:600;
}

/*header.php*/
#header{
background-image: url("../images/backgroundOrange.jpg");
position: relative;  
height: 100px;
width: 100%;
min-width:900px;
}
#navigationBar {
height:1em;
font-family: sans-serif;
position: absolute; 
font-size: 18px;
top:40px;
right:0%;
}
#topLogo {
position: absolute; 
top: 18px;
}

/*footer.php*/
#titleText{
font-size:large;
font-weight:2;
}
#footer{
position: relative;
background-color:#1F1F1F;
color:#ffffff;
min-width:900px;
margin-top:-170px;
height: 170px;
width:100%;
clear:both;
}
#bottomCopyright{
position:relative;
top:150px;
color: #BBBBBB;
font: sans-serif;
width:100%;
text-align:center;
font-size:small;
margin:auto;
}
#infoImageContainer{
position:relative;
float:left; 
margin-top:50px;
left: 20px;
}
#infoImage{
position:relative;
height:40px;
}
#infoTextContainer{
position:relative;
float:left; 
height:50%; 
margin-top:1.5em;
left: 40px;
}
#infoText{
font-size:small;
position:relative;
height:3em;
}
#contactImageContainer{
position:relative;
float:right; 
height:50%; 
margin-top:50px;
right: 170px;
}
#contactImage{
position: relative;
height:35px;
}
#contactTextContainer{
position:relative;
float:right; 
height:50%; 
margin-top:1.5em;
left: 40px;
}
#contactText{
font-size:small;
position:relative;
height:3em;
right:20px;
}
#networkLinksContainer{
position:relative;
margin:auto;
height:50%; 
margin-top:40px;
width:100%;
text-align:center;
}
#networkLinks{
position: relative;
height:54px;
margin:auto;
width:300px;
text-align:center;
top:40px;
}

/*Account Box*/
#fade{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	min-width:900px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#boxWrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:auto:
}
#accountBoxContent{
	display: none;
	position: relative;
	margin:auto;
	width: 250px;
	height: 430px;
	padding: 16px;
	background-color: #DBDBDB;
	z-index:1002;
	overflow: auto;
}
#editTitle{
height:50px;
font-size:X-Large;
font-weight:bold;
color:#282828;
vertical-align:inline-middle;
}
#editAccountLine{
color:#282828;
background-color:#282828;
height:1px;
}
#editAccountForm{
text-align:right;
position:relative;
top:30px;
color:#282828;
font-size:small;
font-weight:bold;
}
#editAccountLinks{
position:relative;
top:20px;
text-align:center;
}
#editAccountLinks > a{
color:#282828;
text-decoration:none;
}
#changeLinks{
position:relative;
bottom:3px;
font-size:x-small;
color:blue;
}
#formatText{
position:relative;
bottom:6px;
text-align:left;
font-style:italic;
}
#password{
background-color:#EBEBE4;
color:#545454;
}
#email{
background-color:#EBEBE4;
color:#545454;
}

Javascript
Code:

var firstName;
var middleName;
var lastName;
var agency;
var password;
var email;

//Vertically centers the middle content div
function setMiddleContentPos() {
	var window = document.body.scrollHeight;
	var header = document.getElementById('header').scrollHeight;
	var footer = document.getElementById('footer').scrollHeight;
	var middle = document.getElementById('middleContent').scrollHeight;
	var center = window - header - footer;
	var top;
	if(window-header-footer-middle > 50){
		top=center/2-middle/2;
		document.getElementById('middleContent').style.top=top+'px';
	}
}

//Vertically centers the middle content div
function setLightBoxPos(contentId) {
	var winHeight = getWindowHeight();
	if(winHeight > 0){
		var contentElement = document.getElementById(contentId);
		var contentHeight = contentElement.offsetHeight;
		if(winHeight - contentHeight > 0){
			//[Window height]/2 - [Lightbox Height]/2
			contentElement.style.top = (winHeight/2 - contentHeight/2)+'px';
		}
		else{
			contentElement.style.top = '0px';
		}
	}
}

//Open and Close Lightbox
function openLightBox(contentId){
	document.getElementById(contentId).style.display='block';
	document.getElementById('fade').style.display='block';
	setLightBoxPos(contentId);
}
function closeLightBox(contentId){
	document.getElementById(contentId).style.display='none';
	document.getElementById('fade').style.display='none';
}

//Set account values in js vars based on form
function setAccountValuesJS(){
	firstName = document.getElementById('firstName').value;
	middleName = document.getElementById('middleName').value;
	lastName = document.getElementById('lastName').value;
	agency = document.getElementById('agency').value;
	password = document.getElementById('password').value;
	email = document.getElementById('email').value;
}

//Set account values in form based on js vars
function setAccountValuesForm(){
	document.getElementById('firstName').value = firstName;
	document.getElementById('middleName').value = middleName;
	document.getElementById('lastName').value = lastName;
	document.getElementById('agency').value = agency;
	document.getElementById('password').value = password;
	document.getElementById('email').value = email;
}

//Checks a string for prescence of illegal characters
//Illegal Characters: > < ' " \ / &
function stringIsClean(string){
	if(string.indexOf('>') != -1 || string.indexOf('<') != -1 || string.indexOf("'") != -1 || string.indexOf('"') != -1 || 
		string.indexOf('&') != -1 || string.indexOf('/') != -1 || string.indexOf('\\') != -1){
		return true;
	}
	else{
		return false;
	}
}

//Saves account information
function saveAccount(){
	firstNameTest = document.getElementById('firstName').value;
	middleNameTest = document.getElementById('middleName').value;
	lastNameTest = document.getElementById('lastName').value;
	agencyTest = document.getElementById('agency').value;
	passwordTest = document.getElementById('password').value;
	emailTest = document.getElementById('email').value;
	if(stringIsClean(firstNameTest) || stringIsClean(middleNameTest) || stringIsClean(lastNameTest) || stringIsClean(agencyTest) || 
		stringIsClean(passwordTest) || stringIsClean(emailTest)){
		document.getElementById('formatText').style.color = 'red';
	}
	else{
		setAccountValuesJS();
		document.getElementById('accountSaved').value = 'true';
		document.getElementById('accountForm').submit();
	}
}
//Sets middle content to adjust on load and resize
window.onload = function() {
	setMiddleContentPos();
}
window.onresize = function() {
	//setLightBoxPos('accountBoxContent');
	setMiddleContentPos();
}

Hello everyone,

My problem consist in that I want to avoid re-loading the whole page, and only re-load the portion of the website that needs to be.
Similar to listed below;

website Banner (Solid)
Menu bar (Solid)
Div content (Changeable)

The main problem is that no matter what I do, I can't make the innerHTML cover the whole <div> </div>
It remains the same very small size, no matter what I put within the div. Far from its full size potential (plenty of space left).

Head script Code:
PHP 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">
<html>
<head>

<script type="text/javascript">
//<![CDATA[
// written by: Coothead
function updateObjectIframe(which){
    document.getElementById('one').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
}
//]]>

</script>

<link rel="stylesheet" type="text/css" href="main_stylesheet.css" media="screen, projection" />

</head> 


Here is the html portion.
PHP Code:
<div id="one" style="background-color:#C0C0C0;position:relative;height:2000px;width:800px;float:left;"></div> 


Here is the link placed elswhere on the website (The solid menu bar)
PHP Code:
<li><a href="http://www.google.com" onclick="updateObjectIframe(this); return false;">Forums</a></li> 




It's not Google that I want to use, however a PHPBB forum.
But I found that the same problem occurs on no matter what I put in this innerhtml, the javascript gets limited to the same little box in the upper left corner of my div.
Can't change size, no matter what I tried to do.

I'm suspecting it has something to do with CSS, however I spended a whole night (and now day) trying to work this out, I really don't get much further.
I realize I should spend a couple of more nights when new to JS, however this kind script I consider like a foundation to a house, it's important before moving on with learning, maybe I'm wrong though.

Anyone who can help with this issue?
Would be very much appreciated, Thank you!

is it possible to make a textarea resize with text? so if e.g the text overflows, the text-area is automatically resized so that there's no scrolling? It needs to resize automatically as the user is typing (more or less), he/she shouldn;t click on any buttons to resize it

Hi,

I got some JavaScript code from the net to resize DIV's depending on the window-size. It works perfectly in FF, but it won't work in IE.

Code:

function Resize(){

  var winW = 630, winH = 460;
  
  if (parseInt(navigator.appVersion)>3) {
   if (navigator.appName=="Netscape") {
    winW = window.innerWidth-30;
    winH = window.innerHeight-200;
   }
   if (navigator.appName.indexOf("Microsoft")!=-1) {
    winW = document.body.offsetWidth-30;
    winH = document.body.offsetHeight-200;
   }
  }
  
  var topHeight = document.getElementById('top').offsetHeight;
  var setHeight = document.getElementById('settings').offsetHeight;
  var headersHeight = document.getElementById('headers').offsetHeight;
  var leftWidth = document.getElementById('left_column').offsetWidth;
  
  document.getElementById('container').style.width=winW+"px";
  document.getElementById('container').style.height=(winH-topHeight-setHeight)+"px";
  document.getElementById('headers').style.width=(winW-leftWidth)+"px";
  document.getElementById('data').style.width=(winW-leftWidth)+"px";
  document.getElementById('data').style.height=(winH-topHeight-setHeight-headersHeight)+"px";
  
}

I've been working on this for some days. I would appreciate any help I can get.

Erik

Hello,
I have build a tree view forum, I have used the iframe tag to import it to my wordpress blog .
I have a script that determine the size of the iframe on load:

Code:

<script language="JavaScript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;

//change the height of the iframe
document.getElementById('the_iframe').height=
the_height;
}
//-->
</script>

The problem with the script is that the forum(tree view forum) only shows topics. I have another script that displays the contents of any issue only while clicking (Void). In actual the contents of each issue is charging ahead - but the resize function of the Iframe script not see it.

How do I fix it, that the size of the Iframe will change automatically?

Thanks alot

Hello Everyone!

I hope someone can help me with fixing this javascript code

About the Code
So I got this Resize Image Code here. This code is for a free Forum Software called Zetaboards (just like phbb or vbulletin). I just need to put the code in my Admin Control Panel to make it work for the whole forum.

What does the code do?
The code add a BBCode to the posting page, which allows all members to insert images to their posts (just like the usual "img" bbcode) and also makes it possible to resize the images.

There are different resize image options:
1. [rimg]IMG_SRC[/rimg] // just inserts an image, like the normal "(img)(/img)" TAGS do.
2. [rimg=Width,Height]IMG_SRC[/rimg ] // with this option, you can change the width and height of the image.
3. [rimg=Percentage(needs % to be included)]IMG_SRC[/rimg] // Resize the image by typing the percentage size of the original image
4. [rimg=h,height]IMG_SRC[/rimg] //Just type the wanted height for the image, and the Width will be automatically adjusted
5. [rimg=w,width]IMG_SRC] //same as the code above, just the Height will be automatically adjusted instead.
6. [rimg=x]IMG_SRC[/rimg] //x will be both the height and width (so it'll be a square...)

Here is a test thread I made to test the "rimg code", so you can see how the code works:
http://s1.zetaboards.com/Piano2/topic/2874654/1/

What are the problems with the Code?
- the Images are not resized correctly
- sometimes, the images are resized correctly, but when i refresh the page, the images are again resized wrong.
- or sometimes, when the images are displayed wrong (too big or small), they will become fine when i refresh the page again
- In the Search View (when using the search) the images are too big and almost take the whole screen...
- the first option "[rimg][rimg]" even doesn't work completely on IE and Google Chrome and causes all other [rimg] bbcodes to be disabled


And finally this is the Javascript Code:
PHP Code:
<script type="text/javascript">
// Rimg by RedBldSandman of ZBCode.com
$(function() {
if (location.href.match("topic")||location.href.match("single")) {
$(".c_post").each(function() {
parse_rimg(this);
});
} else if (location.href.match("search")) {
$(".search_results").each(function() {
parse_rimg($(this).children("div:eq(0)"));
});
} else if (location.href.match("post")) {
var rimg_br = ($("a:contains(Full BBCode List)").next().html()!=null)?" ":"<br />";
$("td#c_bbcode").append(rimg_br+"<button name='rimg' type='button'>Rimg</button>");
$("button[name=rimg]").mouseover(function() {
$("input[name=helpbox]").val("Insert Image (with resize options)");
}).click(function(e) {
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
var u_p = prompt("Enter the Image Location","http://");
if (u_p==null) return;
var u_w = prompt("Options:\n1. Enter the chosen Width for the Image\n2. Enter the dimension to change (w for width or h for height)\n3. Enter the Percentage you wish to resize the Image to (include % sign)\n4. Leave blank for un-resized image");
if (u_w==null) return;
u_w = u_w.replace(/s/gi,"").toLowerCase();
if (u_w=="") {
ZetaInsert("[rimg]"+u_p+"[/rimg]");
return;
} else if (u_w.match("%")) {
ZetaInsert("[rimg="+u_w+"]"+u_p+"[/rimg]");
return;
} else if (u_w=="h") {
var u_h = prompt("Enter Resize Height");
if (u_h==null) return;
ZetaInsert("[rimg=h,"+u_h+"]"+u_p+"[/rimg]");
return;
} else if (u_w=="w") {
var u_h = prompt("Enter Resize Width");
if (u_h==null) return;
ZetaInsert("[rimg=w,"+u_h+"]"+u_p+"[/rimg]");
return;
} else if (parseInt(u_w)) {
var u_h = prompt("Enter Chosen Height");
if (u_h==null) return;
ZetaInsert("[rimg="+u_w+","+u_h+"]"+u_p+"[/rimg]");
}
});
$("#topic_review tbody tr").each(function() {
parse_rimg($(this).children("td:eq(1)"));
});
}
});

function parse_rimg(z) {
$(z).html($(z).html().replace(/[rimg(?:=s*([dw%]+?)s*(?:,s*(d+?)s*)?)?](.+?)[/rimg]/gi,function(x,y,a,b) {
if (y.match("%")) {
y = y.replace(/[^d.]/gi,"");
return "<img src='"+b+"' alt='Posted Image "+y+"' class='Rimg_percent' />";
} else if (y.match(/D/i)) {
y = y.replace(/[^hw]/gi,"").toLowerCase().split("")[0];
y = (y!="h"&&y!="w")?null:y;
if (y) {
return "<img src='"+b+"' alt='Posted Image "+a+"' class='Rimg_single Rimg_"+y+"' />";
} else {
return x;
}
} else if (!a) {
return "<img src='"+b+"' alt='Posted Image' width='"+y+"' height='"+y+"' />";
} else {
return "<img src='"+b+"' alt='Posted Image' width='"+y+"' height='"+a+"' />";
}
}));

$(".Rimg_single").not("div.spoiler .Rimg_single").each(function() {
Rimg_single(this);
});

$(".Rimg_percent").not("div.spoiler .Rimg_percent").each(function() {
Rimg_percent(this);
});

$(z).find("div.spoiler_toggle").click(function() {
$(this).next().toggle();
$(this).next().find(".Rimg_single").each(function() {
Rimg_single(this);
});
$(this).next().find(".Rimg_percent").each(function() {
Rimg_percent(this);
});
});
}

function Rimg_single(x) {
var oldH = $(x).height();
var oldW = $(x).width();
var newD = $(x).attr("alt").replace(/[^d.]/gi,"");
if ($(x).hasClass("Rimg_h")) {
$(x).height(newD).width((newD/oldH)*oldW);
} else if ($(x).hasClass("Rimg_w")) {
$(x).width(newD).height((newD/oldW)*oldH);
}
$(x).attr("alt","Posted Image").removeAttr("class");
}

function Rimg_percent(x) {
var NewD = $(x).attr("alt").replace(/[^d.]/gi,"")/100;
$(x).height($(x).height()*NewD).attr("alt","Posted Image").removeAttr("class");
}

function Preview() {
var prevQuote;
if ($("#c_post-preview").length || $("#c_post textarea").val() || $("#txt_quote").val()) {
if (!$("#c_post-preview").length) {
$("#c_post").prepend("<div id='c_post-preview'></div>");
}
if ($("#txt_quote").length && $("#txt_quote").val()) {
prevQuote = "[quote]" + $("#txt_quote").val() + "[/quote]";
} else {
prevQuote = "";
}
$.post(main_url + "tasks/", { "task": 5, "post": prevQuote + $("#c_post textarea").val() }, function(s) {
$("#c_post-preview").html(s);
if (window.parse_utube&&typeof window.parse_utube=="function") parse_utube($("#c_post-preview"));
parse_rimg($("#c_post-preview"));
});
}
return false;
}
</script> 



Can someone please help to make the code work correctly so the images are resized properly at least on Firefix and IE?

Thanks for your answers and help!

Hi,

When I use the following code snippet in all major browsers (Chrome, FF, Safari, Opera, IE8), the window opens with a scroll bar and it is resizeable EXCEPT IN IE8. In IE8, there's no vertical scroll bar and it's not resizeable... any idea why not?

window.open('http://www.mysite.shtml?' + report_vars, '', "status=no, toolbar=no, location=yes, menubar=no, scrollbars=yes, alwaysRaised=yes, resizable=yes, width=" + window.outerWidth / 1.1 + ", height=" + window.outerHeight-0.1);

Thanks for reading!

~ kberry