JavaScript - Grey Out All The Page, And Focus Attention To 1 Div Only?

Hello there,

Can some one gimme source code for greying out a button on php page.
In my application i have one play button and one stop button in the html form. If i click play button it will update database with play and invoke a script. similarly with stop.
so while they are being played i want this play button to be greyed out.
or

is there any way that i can only show stop button while playing and play button while not playing the files.

HELP PLZZZZZZZZ

I was changing the code on the Grey Box script to pop up only the first time someone came to the page.


The original code that controls this is:

Code:

AJS.AEV(window, 'load', function() {GB_show("The Kinniebrew Group", "http://therdkgroup.com/id18.html"); 											
	 }
	 );

and to make it work just the first time someone visits the page I changed to read:

Code:

  AJS.AEV(document, 'load', function() {
          // look for our strangely named cookie: 
		  if ( document.cookie.indexOf("zz1rr_xxG") < 0 )
          {
              // if not found...
              document.cookie = "zz1rr_xxG=yes"; 
              // set it for next time...without expire so session only
              // and show the box:
              GB_show("The Kinniebrew Group", "http://therdkgroup.com/id18.html");
          }
      }
	  )

I had this line of code working but it doesn't now after I did something to it. does anyone have an idea how I can modify this to make it work?

My google maps is showing a grey box and no map?!

Please help me, I got my code from he http://www.powerhut.co.uk/googlemaps/custom_markers.php and uploaded everything to the right place but it's just grey?!

http://79.170.40.235/affordableappli...uk/contact.php

I have a site using Grey Box pop up ( http://therdkgroup.com/) . It automatically pops up when you go to any of the 5 pages on the site.

Is it possible to add a cookie to it so that it only pop up the first time someone comes to any one of the pages? If so, can you point me in the right direction on how to solve this??

I have a form with a text box that is greyed out unless a checkbox is checked. The problem is if the checkbox is checked and this enables the text box to enter data and I hit reset, the text box does not reset and turn grey. It allows data to be entered. I have both the html reset button and the javascript clear form, but neither seem to work. How do I reset the text box to grey as well if reset is hit?

Code:

  <form method="post" action="" name="resetproblemform" enctype="text/plain" onReset="return confirm('Do you really want 

to reset the form?')">
     <div>Check Which Apply: &nbsp;&nbsp;&nbsp; 
        LineTest1<input type="checkbox" name="status" value="1" style="margin-left:10px; margin-right:40px" 

onclick="this.form.line1test2.disabled = !this.checked;"/> 
           Line1Test2<input type="text" name="line1test2" style="margin-left:10px; margin-right:67px" maxlength="9" 

disabled="disabled" size="9"/> </div>
     <div class="break10" style="margin-left:140px"> 
       Line2Test1<input type="checkbox" name="status" value="3" style="margin-left:10px; margin-right:40px" 

onclick="this.form.line2test2.disabled = !this.checked;"/>  
        Line2Test2<input type="text" name="line2test2" style="margin-left:10px; margin-right:67px" maxlength="9" 

disabled="disabled" size="9"/> </div>
     <div class="break10" style="margin-left:140px">Line3Test1<input type="checkbox" name="status" value="5" 

style="margin-left:10px"/> </div>

      <input type="submit" value="Submit" />
     <input type="button" value="Reset JAVA" onClick="this.form.reset()" />
      <input type="reset" value="Rest HTML" />
    </form>

Hi All,

I m newbie on JavaScript Coding.

I have Form where the there are 4 radio buttons.

Requirement is OnClick of Each radio buttons, some Div must Greyed out.

<input type="radio" name="cf_basic_type" value="Apartment" checked="checked" />Apartment
<input type="radio" name="cf_basic_type" value="Villa" />Villa
<input type="radio" name="cf_basic_type" value="Independant" />Independant house
<input type="radio" name="cf_basic_type" value="Plot" />Plot</div>

and Grey Part of Form is:

Area Size:<input type="text" name="cf_area_size" id="cf_area_size" /></div>
Plot Size:<input type="text" name="cf_area_length" id="cf_area_length" />
<input type="text" name="cf_area_width" id="cf_area_width" />


so for Plot radio selected the 'Area Size' must be greyed out but when others radio button selected is must be active

For Apartment radio selected or Villa radio selected, Plot Size must be greyed out.

Hope that makes clear.... Its very Urgent kindly help me with this..

Thnks in Advnce

Everything up until the focus line works, any ideas?

Code:

else {
	alert ("Please enter your Postcode correctly, this includes:\n \n * Correct Spacing - AA1 1AA \n * Correct amount of letters and numbers. \n \n Sorry if this causes any inconvenience, but it is to your benefit.");
	document.delAdd.postcode.value = "";
	document.delAdd.postcode.focus();}

Have a jsp page with 10 editable fields and in last Add Button.Now when user edit a field from value 10 to 20(example)and click on Add .Value will be changed and focus will return to the same field.similarly for other fields.how to to .any code sample?

(sorry for the noobiness)

Is there a way to focus on the most recent input to a text area (say after 50 inputs) without having to manually scroll down??

Code:

function console(msg){
     document.console1.input.value = document.console1.input.value+=msg
     document.console1.input.value.focus()
		}

~read that focus() should do it . . . but it doesn't

Thanks!

Hi,

I need your help guys. I've got a little problem.

I have some smileys which I enter to a textarea when clicking on them. It works perfect, but once the user clicks on a smiley, the focus goes off of the textfield. I use document.getElementById('message').value += smileycode
It works perfectly, it enters the smileycode to the textarea.

My problem is... When I say document.getElementById('message').focus()
it goes back to where the cursors has last been so before the smileycode.

Instead of this, I want the focus to go back after the insertion of the code.

I hope it's understandable. And thanks in advance!

Hi

I am opening a child window with the following href.

If it is a completly new window, it is opened and the focus shifts to it,
... but ...

if that href has been clicked on before and the window exists, the focus stays with the parent window and does NOT shift to the child

How can I make the focus shift ?

here is my href:


PHP Code:
echo "<a href='$Ad_detail' rel=\"external\" onclick=\"window.open (this.href, '$Ad_detail', 'height=800,width=960,scrollbars');  return false\" > 


I guess I need a "window. ??? focus();" in there somewhere - but I don't know what the ??? should be.

If you can help - many thanks

Hy ! I have this form:
PHP Code:
<form name = "myform" method = "POST" action = "proba1.php">
        Name:<br /> <input type = "text" name = "name" size = "30" onBlur = "namecheck()" /><br />
        Username:<br /> <input type = "text" name = "username" size = "30" onBlur = "usercheck()" /><br />
        Password:<br /> <input type = "password" name = "password" size = "30" /><br />
        Repeat password:<br /> <input type = "password" name = "password2" size = "30" onBlur = "passcheck()"/><br />
        Email:<br /> <input type = "text" name = "email" size = "30" onBlur = "mailcheck()" /><br /><br />
       
                                <input type = "reset" name = "reset" value = "Reset" />
                                <input type = "submit" name = "submit" value = "Submit" />
                       
</form> 


and a Js file to check it:
PHP Code:
function namecheck()
{
        var name = document.myform.name.value;
                if(name.indexOf(" ") < 0)
                {
                        document.myform.name.focus();
                        document.myform.name.select();
                        alert("Pleaase enter your full name!")
                        return false;
                }
        return true;   
}

function usercheck()
{
        var username = document.myform.username.value;
                if(username.length < 6)
                {
                        alert("Username must be at least 6 chars!");
                        document.myform.name.focus();
                        document.myform.name.select();
                        return false;
                }
        return true;   
}

function passcheck()
{
        var password = document.myform.password.value;
        var password2 = document.myform.password2.value;
                if(password != password2)
                {
                        alert("The two passwords not identical!")
                }
}

function mailcheck()
{
        var mail = document.myform.email.value;
        var diff = mail.lastIndexOf(".") - mail.indexOf("@");
        var diff2 = mail.length - mail.lastIndexOf(".");
                if(mail.indexOf("@") < 0 || mail.indexOf(".") < 0 || diff < 2 || diff2 > 3)
                {
                        alert("Not a valid email adress!")
                }
} 


So when a value is not proper,there should be an alert message,then select and focus on the field.But only the alert works.I can set the select and the focus to any other field from the current one ,but not to the current.(For instance:if the name is not good:document.myform.username.select() works,but :document.myform.name.select() not.)
Can somebody help me?

Hello,

I am researching an issue in a rather big app which displays pdf files in IE window.
The issue is that inside javascript code we call 'window.setTimeout( win.focus() ...)' (for the child window), but it doesn't come into focus every time, seems a bit random when it does and does not come into focus.

At present I wrote a much smaller app + javascript to reproduce the issue, but it does not manifest in same way.
Specifically this is the confusing part:
window.setTimeout( function() {win.focus(); win.moveTo( 200 , 200 ); } , 500 , "JavaScript" );
the 'win' does move, but never comes into focus.

Any ideas about why the focus function does not accomplish what I'm trying to do?

Here's the code of my simplified app + html + javascript:

JAVASCRIPT:
Code:

var win;

function f(s) {
   	website="http://machine/apache/jsfnu/mytest" + s + ".txt";
   	if (!win)
   		win = window.open( website , "thetest" , "toolbar=yes,resizable=yes");
   	else
   	{
   		win.url = website;
   	}
   	win.navigate(website);
   	win.focus();
   	window.setTimeout( function() {win.focus(); win.moveTo( 200 , 200 ); } , 500 , "JavaScript" );
   }
   

function emitApplet() {
document.write("<APPLET CODE=\"mytest.class\" archive=\"mytest.jar,netscape.jar\" NAME=\"myApplet\"  MAYSCRIPT HEIGHT=1000 WIDTH=1000> </APPLET>");
}

function window_onUnload()
{
}

JAVA code:
Code:

import netscape.javascript.*;
import java.awt.*;
import java.awt.event.*;
public class mytest
extends java.applet.Applet implements ActionListener
{
	Button nextButton;
	Button prevButton;

	int _page=1;
	public void init() {
		System.err.println("init started");
		setLayout(new FlowLayout());
		System.err.println("setLayout done");
		nextButton = new Button("Next!");
		System.err.println("next button created");
		prevButton = new Button("Prev!");
		System.err.println("prev button created");
		add(prevButton);
		System.err.println("prev button added");
		add(nextButton);
		System.err.println("next button added");

		nextButton.addActionListener(this);
		System.err.println("next button action");
		prevButton.addActionListener(this);
		System.err.println("prev button created");
	}
	public void actionPerformed(ActionEvent evt)
	{
		if (evt.getSource() == nextButton)
		{
			doButton(++_page);
		}
		else if (evt.getSource() == prevButton)
		{
			doButton(--_page);
		}
	}
	public void doButton(int page)
	{
		JSObject win = JSObject.getWindow(this);
		JSObject doc = (JSObject) win.getMember("document");

		JSObject loc = (JSObject) doc.getMember("location");
		String s = (String) loc.getMember("href");
		String []args = new String[1];
		args[0] = (new Integer(page)).toString();
		win.call("f", args);
	}
	public void paint (java.awt.Graphics g)
	{
		g.drawString("Hello, World9!",50,25);
	}
}

HTML:
Code:

<script type="text/javascript" src="StartTest.js"> </script>
<html>
        <head>
                <title>try</title>
        </head>
        <body bgcolor="#fdf8ed" text="black" language="Javascript" onload="window_onUnload()">

                <center>
                        <script type="text/javascript">

                                        emitApplet();

                        </script>

                </center>
        </body>
</html>

Hello,

I have a search textbox field which populates the results in a dropdown after searched.

But there is no way, to let users to explain to click or use the dropdown to see the results.. thus, I would like to have a focus on the dropdown, so after the user searches through the search textfield, and enter, the dropdown gets the focus so it will user friendly.

can anyone help me on this.
thank you in advance

I've got a div named "iframe_container". Inside it are an iframe used to display floor maps and another div named "compass_rose". I have a function that moves compass_rose around the map based on an office number.

Now iframe_container is scrollable, it's only big enough to display about 2/3 of the map at any one time. I designed it that way to properly fit in the sharepoint site it's going in. To help some of our less tech savvy users it would be nice if iframe_container would automatically shift its view to keep the compass_rose visible at all times. Can that be done? Thanks.

<div id="iframe_container" style="width:1000px; height:635px; position: relative; overflow:hidden">

<div id="compass_rose" style="top: 10px; left: 10px; position: absolute; z-index: 2; visibility:hidden;"><img alt="Compass Rose" src="compass_rose_animated2.gif" width="80" height="80" /></div>

<iframe id="viewer" width="1600" height="635" src="front_page2.jpg" marginwidth="1" marginheight="1" name="viewer" scrolling="no"></iframe>

</div>