JQuery :: Hide Code - Add Code To An External Js Sheet It Doesnt Seem To Work?

Jan 6, 2011

I am trying to hide this code:

HTML Code:

using this code

HTML Code:

This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?

Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?

How I can keep my js in the header but still make the content disappear on click?

View 2 Replies


ADVERTISEMENT

JQuery :: Submit Form - Code Doesnt Work Anymore?

Jun 19, 2011

Im trying to use JavaScript to submit this form. Why doesn't this code work anymore? It worked before and now it won't?

JQuery Code

HTML Code

View 2 Replies View Related

Alert() Statement Lets Code Work, Remove It, Code Errors Out

Dec 17, 2007

I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.

I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.

I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.

I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...

Here is the code:

function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}

Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?

View 5 Replies View Related

JQuery :: Moving Code From Inline Html Page To External File?

Aug 2, 2011

I have some code that works great when used inline (inside of an html page). The inline code looks like this and has an onchange = "gotoTest(this);" as part of the select element

<script type="text/javascript">
$(document).ready(function () {
$("select#RU").bind("change", gotoTest);

[code].....

View 6 Replies View Related

Use Php Code In External Js File?

May 20, 2009

i have a .js file .can i use php code in external js file.

if yes how we can.

View 1 Replies View Related

Edit CSS From External Code?

Jan 18, 2010

I'm wrestling with this bit of code that almost works but does not. I'm only guess is that I need to find a way to edit the actual CSS document from the outside... which I'm assuming isn't possible. Is it? I've got a basic CSS Rollover effect going on. The kind that changes the background-position on hover. However I've defined the actual background image with PHP (a custom field in Wordpress) as a style="..." in the <a> tag. When I define the background-image in the CSS it works! When I define the background-image as a style="..." it does not work. Can I use javascript or something to edit the actual CSS document?

View 5 Replies View Related

Jquery :: Change The Color Of An External Style Sheet Rule Using .css Method

Feb 15, 2012

I would like to change the color of an external style sheet rule using .css method of jquery is this possible?

View 1 Replies View Related

JQuery :: Use To Hide Code If Page Is Other Than Index.php?

Aug 19, 2010

So I'm making an ecommerce store and I'd want to hide a product scroller and a banner if the page is any other than index.php, and I know jQuery has the .hide function, but all the examples link it to a button/link/other but I don't understand how to code a conditional statement that hides the code if the page loaded is anything else than index.php.

View 2 Replies View Related

Jquery :: Condensing Show - Hide Code

Feb 28, 2011

I have these div tags, they're very similar but I just need to change the IDs.

Is there anyway to condense this code:

View 9 Replies View Related

Using External HTML Code In A File?

Oct 26, 2011

I have some HTML that I want to put in a Javascript file and reference the HTML through external Javascript file.

So I have my page,

example.html

<html>
<head></head>
<body>
<script type="text/javascript src="../js/external.js"> </script>

[Code]....

The above code is all on one line, but is not displaying on the page. PHP is out of the question too (_._)

View 2 Replies View Related

External Files To Run Code On Another Page

Sep 2, 2009

I have a file links .js. In it i have this code

Javascript Document

On another page, hazards.html i use this code to call that function

But it doesnt display, nothing does. What am i doing wrong?

View 1 Replies View Related

JQuery :: Just Cannot Get Simple Code To Work In IE 8

Dec 1, 2011

I've tried to address this issue multiple times, and yet IE 8 simply ignores it. I know jquery has the capability of operating correctly with other examples, but the below code just doesn't seem to satisfy it.[code]

View 4 Replies View Related

Jquery :: Get Booklet Code To Work?

Jun 7, 2011

This is the installation guide: [URL]... I downloaded the files so all the script links are in the right folders. I tested one script the click me script which worked but I don't understand what I am doing wrong? Does it have something to do with the css file? Or is it what I am doing in the code?

[Code]...

View 2 Replies View Related

JQuery :: Remove (hide) Very Specific Line Of Code?

Oct 10, 2011

I have the following line of code in a page and I need to 'hide' the entire row [code]...

Is there a way to do that?

View 1 Replies View Related

Including External Javascript Code In A Web Page

Jul 23, 2005

Is there any way to embed the included code snippet in a function (in the case where it is not already a function in the remote souce file)?

View 8 Replies View Related

Code To Run An External File Upon Page Load

Nov 23, 2009

I currently have this pop-under JavaScript code that basically loads a pop-under upon page load,Is there a JavaScript code that executes both codes above, from an external website, and runs every time the page is loaded?

View 5 Replies View Related

Embed Code From Linked External Page

Jan 17, 2009

I want to give a code snippet to partnering websites, so that the script on their page draws from a page on my server. I think "quote of the day" type widgets use this.I copied this code from a site and it works for them, but when I switch the url to a php page (containing only text wrapped in a div) on my site, it doesn't work. I realize this might also be a php question, but I didn't want to cross-post. Does it have something to do with the "jscript=1" variable being passed?

View 2 Replies View Related

HTML / CSS Code For External Search Engine?

Jun 5, 2009

Website for a external search engine for your website, or give me a HTML code or CSS code?

View 1 Replies View Related

Update The Contact In This Code Using An External Js File?

Feb 8, 2011

I am trying to update the contact in this code using an external js file and targeting the "Contact me" node using the DOM: (see my js attempt below.):

<div id="navMain">
<ol>
<li><a href="/">Hey Brian?</a>||</li>[code]......

external js: (as you can see, I can't even get the alert to work, so I am having trouble traversing the DOM.) Eventually, what I'd like is the js file to setAttribute of the <a href> to my current email.

// contact me email

var getnavmain = document.getElementById("navMain").getElementsByTagName("ul");

var emailtarget = getnavmain.getElementsByTagNames('li')[0].innerHTML;

alert(emailtarget);

View 3 Replies View Related

Place Java Code In An External File - .js

Nov 9, 2011

Can you place java code in an external javascript file (.js).

For example can I do the following in my xx.js file.

Can I do the above?

Another question ...I know <% %> is to execute java code inside html. But what does <%-- - -%> mean?

View 3 Replies View Related

Read Css From External Sheet Via?

Jun 12, 2010

I got some divs with IDs which I position via css in an external file.So I got something like this on the html-site:

<div id="i1" onclick="move(1)"></div>

In the css-sheet there ist something like this:

#i1 {position:absolute; left:193; top:47; height: 20; width: 20; background-color: #369e1c;}

Everything is positioned as I want it, but I want to read out the position of the div (to position something else), but getElementById somehow doesn't work. It all worked well, when the css was directly in the page, but it won't if it's in an external file.Basically I do something like this:

function move(where){
var ids = "i" + where;
var newtop = document.getElementById(ids).style.left;[code].....

View 5 Replies View Related

JQuery :: This Code Works, The Call Is Made And Text Is Added In The Other Code Don't Get A Change At All?

May 21, 2011

here is the page I'm working onhere is the jQuery in use

$(document).ready(function() { $('.error,.success').hide(); $("#send").click(function (){ $('.error,.success').hide("slow"); $.ajax({ url: 'add.php?lnk='+$.URLEncode($('[name=lnk]').val())+'&

[code]....

and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.

View 2 Replies View Related

JQuery :: Code A Page With Code - User To Be Able To Move Html Elements Around

Mar 23, 2011

I am trying to make a gui for clients to edit a php page that displays html and javascript.

I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.

Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?

It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.

Like how can you delete and add new javascript code to the file?

View 3 Replies View Related

JQuery :: Display An Alert Box - Code Does Not Work?

Sep 28, 2009

I'm trying to run through the simplest tutorials on jquery and for some reason I can't get any of the jquery code to work.I've downloaded jquery and I've made sure that this file is in the same directory as jquery-1.3.2.js.This is the code taken from the tutorial:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">[code]....

when the user clicks on the link it shouldn't take them to [url]....instead it should display an alert box. but it takes me to[url]...every time.

View 2 Replies View Related

JQuery :: Code Works On Ie7 But Does Not Work On Firefox

Jun 15, 2009

This code works on ie7, but it does not work on firefox. it just shows a alert when focus occur on an element. you can just click something on the page and you will see alert at ie7.

View 1 Replies View Related

JQuery :: Implementing Transitions Into My Current Hide() Show() Code?

Aug 23, 2011

Im developing a site for my company that will contain relevant information on sites we serve (such as login details, passwords, addresses etc). It is available locally on our intranet due to the fact we have login details and such.

Anyway on the sidebar of my site (which is run on Wordpress), I have all the sections for the sites.

When a user clicks item #1, it expands and shows all the sites in that area.

The one problem is that when the sections are clicked on, they just expand in a very plain boring way.

I need it so that there is some sort of smooth transition between opening and closing the <div> sections.

Here is the current code I have now (I tried to edit as much of the comments as possible so it will make sense):

<script>

I found it on google, and modified it without having to change anything on the sidebar itself, just a simple paste to the head section.

This code also hides other currently open sections, so that only one may stay open at a time.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved