Web Development

11-Apr-07 22:54

I have a page designed and laid out entirley using CSS. The main content of the page sits in a DIV and so does a sidebar which runs down it's side. The problem I have is that the side bar is pretty much all of the time shorter than the content DIV. What I wanted was some code to force the sidebar DIV to replicate the height of the content DIV and therefore act like two td cells in a table. Anyway I came up with the following Javascript code which is run on the pages onload event.

function FannyFart() <br />
{<br />
    //Do A Fanny Fart<br />
	var ContentHeight = document.getElementById("Content").clientHeight;<br />
	document.getElementById("ctl00_SideBar").style.height = (ContentHeight + "px");<br />
}

This code seems to work and provides correct outcome except for two scenarios. A: When a validator appears dynamically. B: When the page content changes upon and AJAX async call.

Now obviously this is because by code is not running because the page onload event is not happening. How can I have my code rerun on any change to the page?

badgrs11-Apr-07 23:08

badgrs

11-Apr-07 23:08

Attach the function to the onresize event of the Content div (as well as the onload)

Sam Heller11-Apr-07 23:31

11-Apr-07 23:31

<div id="Content" onresize="FannyFart()">
The following works in IE but not in FF ( thats FireFox and not Fanny Fart... chuckle )

Theres also resizeend and resizestart which dont make any difference. Can't seem to find anyone else with this problem so I will have to come back to it. Luckily for me its doesnt look that bad and FF compatibility isn't actually essential for this.

Do you think this is the best way to do it? I couldn't think of anything else?

badgrs12-Apr-07 23:57

badgrs

12-Apr-07 23:57

I can't see the code numbnuts....

Have a look here for the difference between FF and IE event methods: linkety (hint: FF uses addEventListener, IE uses attachEvent)

Sam Heller13-Apr-07 1:32

13-Apr-07 1:32

function FannyFart()
{
//Do A Fanny Fart
var ContentHeight = document.getElementById("Content").clientHeight;
document.getElementById("ctl00_SideBar").style.height = (ContentHeight + "px");
}

<div id="Content" onresize="FannyFart()">

And that bits in the page

badgrs15-Apr-07 22:32

badgrs

15-Apr-07 22:32

window.onload = function() {
  var el = document.getElementById("ctl00_SideBar");
  if(window.attachEvent) {
    el.attachEvent("onresize", FannyFart);
  } else {
    el.addEventListener("resize", FannyFart, false);
  }
}

Try that bad boy out. Of course if you'd had a look at the client side reference for the MS AJAX library you could use:

$addHandler($get("ctl00_SideBar"), "resize", FannyFart);

See here

Shog⁹13-Apr-07 8:08

Shog⁹

13-Apr-07 8:08

Sam Heller wrote:
How can I have my code rerun on any change to the page?

Call it whenever you change the page...?

----

It appears that everybody is under the impression that I approve of the documentation. You probably also blame Ken Burns for supporting slavery.

--Raymond Chen on MSDN

Sam Heller13-Apr-07 9:23

13-Apr-07 9:23

Which event is that? It occurs on page validation and ajax calls and a few other places. Where do i catch all of these events?

How to set browser to full screen on loading ?

Shog⁹13-Apr-07 10:05

Shog⁹

13-Apr-07 10:05

Sam Heller wrote:
Which event is that?

Whatever you want it to be. You change the page. Well, you or code you control in some fashion. Once the document has loaded, it changes in response to code somewhere telling it to change... so whenever code does that, have it call your resize method.

----

It appears that everybody is under the impression that I approve of the documentation. You probably also blame Ken Burns for supporting slavery.

--Raymond Chen on MSDN

PHP - select box

john3411-Apr-07 20:46

john34

11-Apr-07 20:46

Hi all,

A quick question Smile | :)

I have a select box and a button on a web page.
The user will choose a value in the select box then hit the button.
I need the chosen value to be stored in a php session variable and the user redirected to second webpage.

Any help would be fab !!!

Thanks lots
John

Re: PHP - select box

hiral_shah11-Apr-07 23:33

hiral_shah

11-Apr-07 23:33

At Time of clicking on the button you have to submit the form then fetch value by
$storeValue = $_REQUEST['selectName'];

and then store the value in a variable and then

S_SESSION['sessionvariableName'] = $storeValue;

then open the another file you want to show.

--------------------------------------------------------------------------------------------------
Hiral Shah
India

If you think that my answer is good enough and can be helpful for other then don't forget to vote. Smile | :)

Re: PHP - select box

Bradml12-Apr-07 1:39

Bradml

12-Apr-07 1:39

Here is what I would do:

<code><?php
session_start();

$options = array("Option1", "Option2", "Option3");

if ($_POST['submit']) {
	//The form has been submited
	if (in_array($_POST['option'], $options)) {
		//The option is valid.
		$_SESSION['selected'] = $_POST['option'];
		header("Location: secoundpage.php");
		exit();
		
	}else {
		$error = "That was an incorrect selection";
	}
}

?></code>

<html>
	
	<head>
		<title>Welcome</title>
	</head>
	
	<body>
		<form action="" enctype="multipart/form-data" method="post">
		<code><?php echo $error; ?></code><br />
			<select name="option">
				<code><?php 
					foreach ($options as $value)
					{
						
						$sel = '';
						if ($value == $_POST['option']) {
							$sel = "selected=\"selected\" ";
						}
						//Create the list box
						echo "<option {$sel}value=\"{$value}\">{$value}</option>\n";
					}
				?></code>
			</select>
			<br />
			<br />
			<input type="submit" name="submit" value="Submit" />
		</form>
	</body>
</html>

Brad
Australian

- Me on "Public interest"

If you actually read this let me know.

Anthony Yeap11-Apr-07 6:48

Anthony Yeap

11-Apr-07 6:48

Hi, hope someone is able to help me.

I want to cause the client's browser to expand to full screen mode (like hitting the F11 key) when the user load my webpage. I was thinking of using javascript function which will be called when the page body loads eg. Anyone can provide a sample code for the exec_function()? Thanks in advance.

Guffa11-Apr-07 7:01

Guffa

11-Apr-07 7:01

That is impossible.

You can resize the browser window to fit the screen, but even that is not guaranteed to work, as most browsers can be set up to disallow this.

---
single minded; short sighted; long gone;

Bradml11-Apr-07 14:56

Bradml

11-Apr-07 14:56

I have seen this done with Java.

Brad
Australian

- bryce on "Problems with Code Project"

*sigh* Maunder's been coding again...

Anthony Yeap12-Apr-07 6:44

Anthony Yeap

12-Apr-07 6:44

If it can't be done in JS, how about asp.net or C# ? Are there commands that I could use, in some way, to cause the browser to go full screen ?

RichardGrimmer13-Apr-07 6:03

RichardGrimmer

13-Apr-07 6:03

The only way I can think of would be to set Kiosk mode on a shortcut, but I've always had problems with setting a URL and Kiosk mode at the same time...

"Now I guess I'll sit back and watch people misinterpret what I just said......"
Christian Graus At The Soapbox