JavaScript - Change Function To Look At Id And Not Form Name

not sure if I"m doing this correctly so seeing who can see or tell me if I'm doing this wrong.

Say you chose an option from select box it would go into the events table and see that there's not been another event with that id so it'll return 1 and put it inside the text field called Label and when the user fills out the rest of the form it'll put 1 for the label field in the database table when the form is submitted then say the next week rolls around and the user clicks on that same option again and it goes to the events table and sees that there's an occurance of that show via the matching eventids and grabs all the labels with that matching eventid which at this point is only 1 so it would add 1 to that number and return 2 to the Label form text field.

form page
Code:

$('#eventid').change(function() {
      var eventid = $("select#eventid").val();
      var dataString = 'eventid='+ eventid;
      $.ajax({
        type: "POST",
        url: "processes/booking.php",
        data: eventid,
        success: function(data) {
        $('#label').append(data);
        }
        });  
    });

<div class="field required">
    			<label for="eventid">Select Event</label>
                <select class="dropdown" name="eventid" id="eventid" title="Select Event">
                <option value="0">- Select -</option>
                <option value="0">** Recurring Events **</option>
                <?php
                    $query = 'SELECT id, eventname FROM eventnames WHERE eventtype = "Recurring"';
                    $result = mysqli_query ( $dbc, $query ); // Run The Query
                    while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) { 
                        print "<option value=\"".$row['id']."\">".$row['eventname']."</option>\r";
                    }
                    ?>
                <option value="0">** Singular Events **</option>
                <?php
                    $query = 'SELECT id, eventname FROM eventnames WHERE eventtype = "Singular"';
                    $result = mysqli_query ( $dbc, $query ); // Run The Query
                    while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) { 
                        print "<option value=\"".$row['id']."\">".$row['eventname']."</option>\r";
                    }
                    ?>
                <option value="0">** Pay Per View Events **</option>
                <?php
                    $query = 'SELECT id, eventname FROM eventnames WHERE eventtype = "Pay Per View"';
                    $result = mysqli_query ( $dbc, $query ); // Run The Query
                    while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) { 
                        print "<option value=\"".$row['id']."\">".$row['eventname']."</option>\r";
                    }
                    ?>
                </select>
    			<span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
    		</div>
            <div class="field required">
				<label for="label">Event Label</label>
				<input type="text" class="text" name="label" id="label" title="Label" readonly="readonly" />
                <span class="required-icon tooltip" title="Required field - This field is required, it cannot be blank, and must contain something that is different from emptyness in order to be filled in. ">Required</span>
			</div>

processes/booking.php
PHP Code:
$eventid = (int)$_GET['eventid'];
$result = mysqli_query("SELECT * FROM `events` WHERE `event_id` = '$eventid'");
$list = mysqli_num_rows($result);
$label = $list + 1; 

I have the one javascripts button code and the functions is on "text area" .. but how do I change the function of this button to go to google.com website ..? how to make it..

the javascripts button code :

Code:

<input type="image" src="tesdt-copy-1.gif"
   onmouseover="this.src='file:///C:/Documents%20and%20Settings/Administrator/Desktop/test/main%20test%20scripts/test2-copy-2.gif';"
   onmouseout="this.src='file:///C:/Documents%20and%20Settings/Administrator/Desktop/test/main%20test%20scripts/test2-copy-1.gif';"
   onclick="CB(document.getElementById('output').value); return false;" 
</form name="I5" width="38" height="38">

I'm a long time lurker on here just barely created an account to ask this question.

I work at a call center, and we use different webapps to fill out tickets. One I've used for a long time allows dynamically updating forms with javascript. I have a whole bunch of bookmarked javascript injections like:

Code:

javascript:if((top.detail.findObj('X31').value="Inquiry")!="");

That code will fill out most everything in that ticket, leaving me to fill in the details. I have one of those for all of the most common tickets, and can create and finish a ticket in less than 30 seconds when it takes others 3-4 minutes.

I recently switched to a different system and I'm having trouble with my code. I'm a noob at javascript for sure, but I'm not new to programming. Anyway any pointers would be nice. The system we use doesn't allow me to see the source... I'm not sure how to explain it. It loads everything in a frame. In chrome I can right click then inspect element and get the ID but it the above javascript doesn't work. Examples:

Old app source ex: Code:

<label for="X31">Category:</label>

was all i needed
new app(before the body code is just code for the login form, etc): Code:

<body onLoad="startit()" onUnload="stopit()"> 
                </body> 
  <div align="center" valign="center" id="LoadMessageID" style="position: relative; top:40%; color:#0069A5; font-size:100% ;"> 
  <img src="/arsys/shared/images/Progress_NonModal-circle.gif" alt="wait image"/> 
  Loading...
  </div> 
</html>

formloader: Code:

<form name="form1" action="/arsys/forms/bmcitsm/HPD:Incident+Management+Console/Default+User+View+(Support)/?cacheid=a22a36a8" method="post">

example of inspect element in chrome (something i want to change with javascript injection): Code:

<input id="arid301602600" type="text" class="text " style="top:0; left:0; width:225; height:21;" readonly="">

I have some javascript code that hides and unhides a menu when a link is clicked, and that is working just fine. What I also need the function to do is switch the CSS class of change_this in the code below to change_that when the link is clicked, and then switch it back to change_this when the link is clicked again. Can someone assist me? I have tried integrating/modifying other scripts I found with this one, but nothing has worked for me. It seems so simple, but I just cant get this thing working. Thanks to anyone who replies with help!

Code:

<script type="text/javascript">
function HideandUNhideObj(ThisObj){
nav=document.getElementById(ThisObj).style
if(nav.display=="none"){
nav.display='block';
}else{
nav.display='none';
}
}
</script>

Code:

<li class="change_this"><a id="nav" href="javascript: void();" onclick="HideandUNhideObj('display');"></a>
              <ul id="display" style="display: none;">
                <div id="container_div">stuff</div>

Would this work? or do I got the wrong function commands?

How would I alter this to make it work, been staring at the screen for 8 hours.....









var myInDesign = app
var myDocument = app.activeDocument
var myDocName = myDocument.name



app.findParagraphStyle.caseSensitive = false;
app.findParagraphStyle.wholeWord = false;
app.findCharacterStyle.wholeWord = false;
app.findCharacterStyle.caseSensitive = false;



app.findParagraphStyle.findWhat = "SN.outabout.DAY-Gray";
app.changeParagraphStyle.changeTo = "SN.Holiday-Day_of_the_week";
app.documents.item(0).changeParagraphStyle();




app.findParagraphStyle.findWhat = "SN.outabout.DATE";
app.changeParagraphStyle.changeTo = "SN.Holiday-Month_and_Day";
app.documents.item(0).changeParagraphStyle();




app.findParagraphStyle.findWhat = "SN.listingsLT";
app.changeParagraphStyle.changeTo = "SN.Holiday-Paragraph";
app.documents.item(0).changeParagraphStyle();




app.findCharacterStyle.findWhat = "SN.listingsBOLD";
app.changeCharacterStyle.changeTo = "SN.Holiday-Title_Paragraph";
app.documents.item(0).changeCharacterStyle();



//myInCopy = CreateObject("InCopy.Application.CS3") //Not sure if this would work, just crafting idea's.
//var myDocument = myInCopy.ActiveDocument
//var mySelection = myInCopy.Selection.Item(1)
//var myStory = MySelection.ParentStory
//var myText = myStory.Paragraphs.Item(1)
//myStory.CheckOut
//myText.ApplyParagraphStyle myDocument.ParagraphStyles.Item("zAPPROVED"), True
//myStory.CheckIn





Can I just do this with like a Nested If, then Statement?

Hello im trying to make a drop down for my store, so that onchange the price of the option is displayed and my paypal buttons variables are changed.
I cant get the "total" function to call when the selection of the drop down is changed.
please help iv'e been looking around for a week and still havent fixed it.

My event handler sets on load
<body onload="x.onchange=function(){total();}">
heres my script

Code:

<script type="text-JavaScript">
"use strict";
/*document.getelementbyid("ddm").onchange = total;*/
var price;
var title;
var x = document.getelementbyid("ddm");
var size_prices= new Array();
size_prices["cards"]=18;
size_prices["5x7sm"]=20;
size_prices["5x7dm"]=25;
size_prices["8x10sm"]=30;
size_prices["8x10dm"]=35;
size_prices["16x20sm"]=45;
size_prices["16x20dm"]=50;

function total() {
y = size_prices[x.value];
document.getelementbyid("total").innerhtml = "$" + y + ".00";
title = "image title" + (x.value);
document.getelementbyid("title").setAttribute("value", title);
document.getelementbyid("price").setAttribute("value", y);
}
function verify() {
}
</script>

here is the code for the select and the paypal button
Code:

<form action="">
<select name="sizes" id="ddm">
<option value="_">Please chose a size</option>
<option value="cards">cards</option>
<option value="5x7sm">5x7 single mat</option>
<option value="5x7dm">5x7 double mat</option>
</select>
</form>

Code:

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="verify()">

 <input type="hidden" name="business" value="kin@kinskards.tcom" /> 
 <input type="hidden" name="cmd" value="_cart" /> 
 <input type="hidden" name="add" value="1" />
 <input type="hidden" id="title" name="item_name" value="Candle" /> 
 <input type="hidden" id="price" name="amount" value="3.95" />
 <input type="hidden" name="currency_code" value="USD" />
 
 <input type="image" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" alt="paypal" />
 <img alt="" border="0" width="1" height="1"
src="https://www.paypal.com/en_US/i/scr/pixel.gif" /> 
 
</form>

I'm trying to call a javascript function from within my swf and I'm having a couple of problems which are confussing me somewhat.

I'm using this to call the function from flash:

Code:

ExternalInterface.call("pgcover");

I know that this is calling the function as I have set it trigger an alert action and this comes up properly.

But I don't want the function to trigger an alert, this is just for testing purposes.

I instead want it to change the styling on a div.

I have set up a test page where I have asigned the function to a button and this works, the div display changes from block to none.

When I get the swf to call the function setup to do the same thing, nothing happens.

Code:

function pgcover() 
{ 
  document.getElementById("unlayout").style.display= "none";
}

My swf is embedded in the html page that the javascript is on, I have checked all code and have rulled out spelling mistakes etc.

Any help with this would be amazing as it is driving me crazy.

For the sample code:

Code:

<form name=form>
<ul>
<li><input type="text" onkeyUp="calc1();" name=x ></li>
<li><input type="text" onkeyUp="calc2();" name=y ></li>
</ul>
</form>

<script>
function calc1() {
    document.form.y.value = (10 * document.form.x.value).toPrecision(5);
}
function calc2() {
    document.form.x.value = (0.1 * document.form.y.value).toPrecision(5);
}
</script>

How can I use a checkbox to :

(1) Upon check, change the current values to toExponential(5) format
(2) Use a different script and/or function that would then calculate with toExponential(5) [as opposed to the hard coded toPrecision(5) in the current functions.
(3) Upon unchecking, the result should should go back to Precision and change the function and/or script back to the original.

Basically I want to have a different background image for every time of the day.

The function by itself works okay with onclick or onload placed in body.
Code:

function changesky()
{
document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}

What I want to do is have my background change in addition to a message. So instead of just "Good Morning" text I also want the background to change.

Code:

if (time>=4 && time<12)
	{
	document.write ("<p>Good Morning!</p>");
	document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}

Tried this, but it didn't work so what's the format for calling a function inside of an if statement? Or what other method should I use to do this?

hi,
Can any one tell how to change action attribute in form tag using javascript.

thanks in advance

regards
sugeet

I have recently installed google custom search on a page- using the iframe selection, so I can have control over the look of the page and it isn't a google branded page.

The problem is- with JS disabled, this form doesn't work. However, the option to display results on a google hosted page does work.

This is very important for accessibility for this site, so what I am wanting to do is have the basic search show ONLY if there is no JS enabled. But for everyone else- it displays as I intended.

JS isn't my bread and butter, but I think it's the tool to use here. Could someone offer some guidance?

Main Form
Code:

		<div style="float:right">	      
        <script type="text/javascript" src="/js/main.js"></script>
	      <div id="searchBox" class="searchBoxTopLevelNav"> 
	        <form name="search" id="search" action="search.php?">
            <label for="q" style="display:none";>Site Search</label>
            <input onclick="javascript:SearchClear(this);" onkeypress="javascript:OverrrideForms(this);" name="q" id="q" autocomplete="off" class="GoogleSearchTextBox" value="Search"  /> 
	        <input name='btnG' onclick="javascript:SearchGoogle($(this).prev('input.GoogleSearchTextBox:first'));return false;" type='image' value='Search' src='../img/icons/search-gray.gif' alt='Go' align="top"/> 
            </form>
		</div>

Form to display only if JS is not enabled

Code:

<form action="http://www.google.com/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="#" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

Greetings,

I'm working on a php/mysql app that has multiple tabs with multiple form fields. I am trying to incorporate a javascript form field detection function that alerts the user that they have not submitted their changes if they try to navigate away. The detection works as designed, but the problem I am having is when the form is submitted, the script senses an unload and still fires the alert. The form submits to itself and updates the database and then reloads the page with the new values. Is there a way to have the script ignore the forms submit url and skip the form check?

Here is the code ( NOT mine, found it somewhere else.)

Code:

<script language="javascript">
  var ids = new Array('description');
  var values = new Array('<?php echo $detail['description']; ?>');
  
  function populateArrays() {
    // assign the default values to the items in the values array
    for (var i = 0; i < ids.length; i++) {
      var elem = document.getElementById(ids[i]);
      if (elem)
        if (elem.type == 'checkbox' || elem.type == 'radio')
          values[i] = elem.checked;
        else
          values[i] = elem.value;
    }      
  }
  var needToConfirm = true;
  
  window.onbeforeunload = confirmExit;
  function confirmExit() {
    if (needToConfirm) {
      // check to see if any changes to the data entry fields have been made
      for (var i = 0; i < values.length; i++) {
        var elem = document.getElementById(ids[i]);
        if (elem)
          if ((elem.type == 'checkbox' || elem.type == 'radio') && values[i] != elem.checked)
            return "Your changes have not been saved. Are you sure you want to leave?";
          else if (!(elem.type == 'checkbox' || elem.type == 'radio') && elem.value != values[i])
            return "Your changes have not been saved. Are you sure you want to leave?";
      }
      // no changes - return nothing      
    }
  }
</script>

The url of the page is "edit.php?&mode=edit&t=2&id=284&cn=2009-002"
The only detectable change to the query string would be the 't' variable.

Basically what I want to do is have the script look for a change in the 't' variable and if detected, check the form values for changes. If 't' doesn't change, skip the script completely.


Thanks..

Okay I have searched google for hours literally without luck so hopefully someone here can help.

What I am trying to do is when someone submits the form if there are empty textboxes change the textbox's style from class="input" to class="inputreq". Someone please help, the formname is "signup" and the textboxes are "domain" and "username". Please help. Thanks.