So I'm having an odd problem (at least odd to me).When I use getElementById to target an element in the DOM, it will work fine until I place it within the content DIV wrapper. Do I have to create a path like getElementById(wrapperDiv.targetItem) or what?
View 6 RepliesWhat I want to do is a simple geo target for some ads I have. If a
visitor from the UK or US views a page I want a specific ad to load up,
if they are outside the UK or US a want a different ad to load up.
Is this possible with Javascript? I don't need a complicated PHP
script, just this simple task.
I want to restrict getElementById to search children of a specific element instead of searching the entire document, in the same way that I can do getElementsByTagName using a specific element as the parent.
In this particular instance the parent is a table and the elements I'm interested in are all TDs, so I did the basic getElementsByTagName('TD') off the table and looped through this array checking the IDs. However, I'm suspecting that the browser can do getElementById faster than I can do a loop in javascript. Is there a neater way to do this? For now, I'll settle for IE-only solutions, though it would be nice to have things work in generic browsers.
I am wondering if it is possible to get the response from a method
within a given page, and that function alone? Traditionally, I have
been getting the response from the Page_Load method of the targeted
page, but now I want the response from a particular method on the
target page:
Public Sub SomeCallback(ByVal sender As Object, ByVal e As EventArgs)
'RETURN XML FOR CALLBACK
End Sub
I have following little script that applies to my entire html page:
$("td[id*='MSOZoneCell_WebPartWPQ']>table>tbody>tr>td").each
(
function()
[code]....
i have a xml document (static) that I need to test what is in a grand child element. The real application is a jqGrid. I have a onSelectRow operation going on. I can click on a row and get a response (in a alert window) for any root children. But how do I do this for anything deeper in the tree? A portion of my xml is attached.
[Code]...
I've got a dropdown list of products and I have a button that will add
the product to my cart. However, as with all my 'add to cart' buttons,
when the user clicks it I want to pass the details to my cart via an
iframe so that the user doesn't leave the page they are on. I am
writing in PHP4 and mySQL, and have had to add some javascript for the
onclick event.
The code for the dropdown list is as follows:
I have a JQuery lightbox popup but am struggling how to control the content of the lightbox. all the examples given on the internet are from anchor links that are fixed. I however, need to use it from images pulled from the database so therefore the content will be different depending on what image is clicked. I already have the content I need in a div, so is there a way of targeting that div so it is displayed within the lightbox?
View 2 Replies View RelatedI am putting together a validation function and am having trouble with targeting multiple elements.[code]an onclick event fires my validation function. If any of the fields are empty, the appropriate error message should display.This sort of works. If all of the fields are empty, only the error message of the first element is displayed, not all 3.
View 1 Replies View RelatedI have a frameset with two frames one, scriptFrame, containing a page with the javascript on it the other, mainFrame containing a page with a form, form1, on in, with the text field, text1 in it.
I want to target the text field and change the value from the script running in the scriptFrame.
The code i have is:
parent.mainFrame.document.form1.text1.value='x'
But this does not work.
I can target the document ok using:
parent.mainFrame.document.bgColor="violet"
And running a script from the page with the form on it I can target the form using:
document.form1.text1.value='x'
So why doesn't it work when I put the two together? Any help would be much appreciated.
how would i target an iframe from a javascript function? i need to loaad a new html page in the iframe.
View 4 Replies View RelatedI am taking the contents of a webpage:
var body = document.body.innerHTML;
How can i scan body and if it finds:
<!-- google_ad_section_start -->
<!-- google_ad_section_end -->
the body content becomes just what's within those tags?
For my new site I plan to have 2 iframes (iframe1 and iframe2) and what I am hoping for is that when any link is clicked inside iframe1 the page will be loaded in iframe2. I know you can target links inside an iframe to load in another iframe, however this will not be possible as the content of iframe1 will be an external search engine such as google meaning of course I can't edit the source to target the links.Does anyone know if it is possible to use javascript or any other web language to get links clicked in 1 iframe to load in another?
View 1 Replies View RelatedI'm customizing the cycle plugin a bit from [URL] , which slides through a number of items.The issue I have is selecting a child object, to get its 'alt' attribute, and display it as a description. Using the default example:
function onBefore() {
$('#output').html("Scrolling image:<br>" + this.alt );
}
...works great when each item is an image. But I need to link each element, so my markup looks like this:
<div id="slideshow1" class="pics">
<a href="portfolio.html" title="Go to Project"><img src="tree.jpg" width="200" height="200" class="featuredimage" alt="Tree Branches" /></a>
[code]....
I'm not sure how to get the child element's alt attribute. I've searched through jQuery documentation and googled around, but can't get it working.
I'm working on the validation plugin for jquery and trying to figure out how I can target the text boxes that are dynamically generated with this change event. I'm trying to target them so I can set up rules for my page.
[Code]...
I'm trying to use a :not statement, so if you click anywhere else on the page BUT the element in the :not a div will disappear. When i use the same statement without the not, it works fine (click that one element and the div in the function hides).I'm assuming that the :not statement isn't working because the element is a child of its parent, so when you click it, essentially you are still clicking the parent which isn't included in the :not.
j(':not(.arrow)').live('click', function(e) {
j('.label').hide();
});
My HTML:
<div class="home-button">
<span><a href="#" style="">Button</a></span>
</div>
I have an instance of a div (button), inside this div is a link wrapped in a span. When you hover over the div (".home-button")I want to move the background position inside its "span a", I've achieved this using the code below.
[Code]...
I have been working on a Javascript powered search engine for a set of browser based user guides. I can't use any server-side languages as it will all be accessed from a network drive, which as been a real pain as I would rather have just made a php search engine, but whatever...
I have a working JavaScript search function, currently the results are displayed in the same window/frame as the search form.
All i need is to be able to target the results to a different frame. For example, I'll keep the search form in a top frame, and some information in the bottom frame. Submitting the search form will display the results in the bottom frame. Its giving me a headache, I'm sure it is remarkably simple. Code:
I have a large number of "li"s with the same class - i.e;
<li class="month01Days"></li>
:
:
[code]....
I keep getting an error stating "getElementById("ballElement") is null, but I have a div with that exact id. I have looked at the JS script before that line, but found no errors there either. Please take a minute to see if you find something.
[Code]...
I have been haven a few issues with this. Let me give you a basic idea of what the layout looks like.
[Code]...
This does almost what I need it to, It will turn the last two (<a>'s) and place "test" inside them without touching the <a>'s inside the other children. So I thought I would try$(".main > a:first").html("test"); But that will change the first <a> which is good, but it only changes the first <a> in the first main div, instead of in all main divs.
Should I use both name and id
<div name="abc" id="abc"> for using getElementById in NS?
I am trying to alter css using javascript as well as use the innerHTML
function. I have pasted below 3 forms that access getElementById in
slightly different ways (I wanted to rule out that it was the method.)
All 3 work fine on IE but only work momentarily on Firefox. For
example, one form has text that changes from red to black when the user
clicks the button. In IE it changes. In Firefox it changes for a
split second then goes back to black. Code:
I've been trying to follow the example from the sitepoint book on DHTML to change the href property of a link, but it doesn't work no matter what I try. Here's the code in the HTML file: Code:
View 1 Replies View RelatedI have this problem and when I came looking for help, I checked out the other thread like this but I couldn't get it to work. Here is the function -
PHP Code:
function newForm(focus, field)
{
if ( focus == 'no' )
{
if ( document.getElementById(field).innerText == '' )
{
document.getElementById(field).innerText = '____________'
}
}
if ( focus == 'yes' )
{
if ( document.getElementById(field).innerText == '____________' )
{
document.getElementById(field).innerText = ''
}
}
}
and here is the form -
PHP Code:
<b>Field 1:</b> <input type='text' name='field1' class='textbox' value='____________' onFocus="newForm('yes', 'field1')" onFocusOut="newForm('no', 'field1')" /><br /><br />
<b>Field 2:</b> <input type='text' name='field2' class='textbox' value='____________' onFocus="document.form.field2.innerText=''" onFocusOut="document.form.field2.innerText='____________'" /><br /><br />
field1 uses the function but field2 uses just onFocus and onFocusOut but as you can see, it won't work.
Works fine in FF, Safari . . . but not with IE. The error is "Object doesn't support this property or method".I have narrowed it down to this line (and a few like it)name = escape(document.getElementById('name').value);The escape() is not the issue, same with or without.I am trying to capture the text value from the field with id='name'. I have found discussions about this problem with IE, but not a solution. This must be easy, just trying to get a cross browser solution to load a JS variable with an <input> value.
View 7 Replies View Related