I am working on a script that allows a link's text to be changed from Show Video to Hide Video and back. However, I can't get this to work, as it changes but won't change back. My script:
HTML Code:
<head>
<script language="javascript">
[code]....
I'm trying to access a div within another div, but get an error stating that the firstChild object of the div is not an object. The code I am using is as follows:
<html>
<body>
<div style="background-color:whitesmoke; width:100px;" onMouseOver="javascript:highlight_row(this)" onMouseOut="javascript:unhighlight_row(this)">div 1<div>div 2</div></div>
</body>
</html>
<script>
function highlight_row(obj)
{
obj.firstChild.style.display = "block";
}
function unhighlight_row(obj)
{
obj.firstChild.style.display = "none";
}
</script>
i have no particular knowledge of javascript and web development in general, but I have some grasp of it. My question is not about javascript coding, but about using javascript to change the parameters of a website with a swf file, this one in particular: (get ready for a long url, since I can't post links)
[Code]...
This may be a long post, but I just wanted to make everything clear. And thank you very much for reading my question, and thank you even more for giving me suggestions. If you need to ask anything else from me, I would gladly answer.
And although I don't know squat about javascript, this is relevant to me because I am a freelance artist. I go on that website in my free time. Anyways, thank you very much for taking your time to read this, and I hope you may have answers to my problem.
the Javascript function firstChild() works as expected in IE but
returns "undefined" in Netscape 7.1
Here is the sample html code that I used. I am asking the javascript
to print out the id of the child of para1. IE correctly prints the
string "italicsid", but Netscape gives me an "undefined". Why so? Code:
I would like to get the first child of a HTML element and apply a style to it, but I can't figure out how to do it. As far as I can see I can only change its value, and the firstChild only has the following properties, so cant really set a style...
ElementType = bodyElement.nodeType;
elementName = bodyElement.nodeName;
elementContent = bodyElement.firstChild.nodeValue;
why this parameter is not passed to function ?
var myDIVnode1 = document.createElement("DIV");
// etc
myDIVnode1.appendChild(document.createTextNode("a"));
// this shows "a"
alert(myDIVnode1.firstChild.nodeValue);
myDIVnode1.onclick= function() { somefunc(myDIVnode.firstChild.nodeValue); };
function somefunc(param)
{
// this returns "undefined" !!??
alert(param);
}
I want to populate 2 javascript variables with data from 2 form text boxes, the javascript and form text bosex are on the same page using the following code:Form:
<form name="addSite" method="post" action=""> <label>URL: <input name="url" type="text" id="url" value="<? echo $site; ?>"> </label> <p>Title: <input type="text" name="title"> </p> </form>
How would i populate the javascript variables: 'addSite' and 'title' with the respective form data?
var attrIndexes = [];
$.get(queryString, function(data) {
attrIndexes = data.split(",");
});
after running this code the original variable is empty so something is wrong
I have a form that I am using to page people. I have several fields created, so that I can insure that users enter all the different fields instead of just having a message box. I am using skytel to page the people. I am not an expert in java scripting. I have created a script, but can't get everything to work properly. I have a function created that will take all the values from the fields and put them into one. I also have a javascript that does data validation. The only problem is that they only work independently- I can't seem to get both of them to work. If anyone is interested in assisting, I will include the entire HTML file(about 80 lines), but thought I would ask for assistance first.
View 1 Replies View RelatedYou can use JQuery's data method (e.g. $('#MyID').data('MyVar', 'MyValue');) to easily store/retrieve information.
However, I was wondering if it is possible for my PHP generated page to add HTML tags that initialize the JQuery's data method variables. Regularly, I want server side variables to be accessible client side. It would be very helpful if I could initialize data method variables during PHP page generation.
If this is not possible, are there any suggestions on how to efficiently communicate server side variables to client side?
Given some recent success on a simple form validation (mainly due to
the kind folks in this forum), I've tried to tackle something a bit
more difficult. I'm pulling data down from a database and populating a
simple table. I'd like the table to contain 10 entries per page and
have the option for the user to scroll through the pages of data
without having to go back to refresh the page (I've already pulled all
the info I need from the database). So, I've taken a stab at it and
this is probably not the best way to do it (so if you have a better
idea I'm open), but I think it will work. Right now I'm encountering
an 'Object Expected' error and I don't know how to interpret what it's
telling me. Code:
I am creating a page that loads new content via ajax, but i need to execute a javascript function based on the content. ex
<div id='content'>
<script type='text/javascript'>
function newFunction(){
[code].....
I'm trying to use a plugin for paging from jquery, the thing is that the demo is not very clear, at least for me that I'm not very familiar with jquery and httphandlers. Here is the javascript code.
$(function () {
var a = 10;
var b = 10;[code].....
Then in my handler I'm trying to do this, this is beacause I'm following a tutorial to use a Jquery Plugin for paging, the web page for this plugin is http://jpaging.fahon.org/usage.In the handler it puts this code in the http context function
the "context" is the HttpContext variable.
context.Request.Form["type"]
I thought it was getting the variable "type" from the data in the ajax in the javascript but it does not get me anything, it always gets null.What am I doing wrong?
I'm trying to create an onClick that will change an embedded html page. I'm using the same syntax that works for both <img> and <iframe>.
Code:
<object id="thing" data="page1.html" type="text/html">
error message
</object>
[Code]....
There must be some fundamental difference between changing an image or iframe "src" and changing an object's "data" that totally escapes me because the above script won't update/refresh/reload/change the existing embedded page (page1.html) to page2.html.
I have run the script with an "alert(document.getElementById('thing').data)" tacked onto the end of the above script, and it does, in fact, return "page2.html" in the dialogue box. So, maybe, I just need to refresh the object (without reloading the whole page!)?
I've noticed that <object> is usually used with applets and flash and sound and there seem to be commands to "run" them, but I can't find any terms to handle updating an embedded html document. Maybe there really just isn't any way to do this yet aside from iframe?
I already know that i can change the src of an image-tag with jquery / javascript.BUT my problem is, that I try to load the new src-information from a dynamic html-sheet.So every 1 second the image src should be refreshed.
Some of my code:
<script src="jquery.js"></script>
<script>
var auto_refresh = setInterval(
[code]....
You can see in line 17 that it is no problem to show the fetched data from the other html-file in a div every 1 second.But I would like to change a picture dynamically.That means in detail:in the other html file stands either the value "0" or the value "1".This value should be fetched every 1 second (like the div-refresh) from the file.Then the value should be used as new src-name for the refreshing image, e.g.:fetched value = "1" => img src = "1.jpg" => [user can see a green light]fetched value = "0" => img src = "0.jpg" => [user can see a red light]How can I achieve this?
- How can I change the src name
- How can I refresh the image every 1 second with the new src name?
Anyone know how to get Javascript variables into PHP variables or a MySQL database? Full question in the PHP section.
View 2 Replies View RelatedI have some JavaScript which is splitting out the different variable elements from the URL.Now, how do I set the internal variables?Then I want to set the variable ScriptHeading to be Change and the variable ScriptType to be NewThread.I keep finding all sorts of lovely code showing how to split out the various sections in many different ways, but I can't find anything on how to actually set these variables.
View 1 Replies View RelatedI have a html file that I want to load, loop through the json data and for each json entry I want to add a new block of the html and insert the json data into the matching div/class of the html. json looks like this:
{"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
html looks like this:
<div class="Name"></div><div class="Age"></div>
So for each json entry of name/age, I want to insert that into the html, and then add another row, until all json data has been fetched. After this I want to insert all of this into #box, which is just a divthat should contain that html. Looping like this obviously does not work, since I just keep replacing the same html through the loop.
var jsonData = {"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
$.each(json.Super, function() {
$('#box .Name').html(this.Name);
$('#box .Age).html(this.Age);
});
I currently have a normal link like Code:<a href="http://sitepoint.com" class="link">sitepoint</a> and when a user clicks on it I want to be able to change the "link" class to a different class. However, I don't want to add anything to the actual link html. Is it possible to do this using javascript without modifying the original link code?
View 4 Replies View RelatedI am trying to dynamically clear the value of a form input field and then submit the form.When I used $('#my_field').val('') to clear the field, it was cleared on the screen but when the form was submitted the original value of the input field was posted.My browser is FireFox and I can see using FireBug that when the field is cleared, firebug is still showing the html code with the old value. E.G. <input type="text" value="old_value" />The same situation occurred if I used $('#my_field').attr('value', '') to clear the field.The same situation occurred if I actually changed the value of the field rather than just clearing it.To work around this problem I ended up using the $('#my_field').removeAttr('value') to clear the field before it was submitted.
View 1 Replies View RelatedI am a complete novice when it come to Javascript. I copied the script for displaying random images at a specific interval (from javascriptkit.com). I would appreciate knowing whether the following is possible:
The pages are based on tables, so the parts that change are all cells.
1. Can I define text instead of an image in the array? i.e. can I have the image change to say an apple in one cell and the next cell have text explaining what an apple is?
2. Would it be possible to put a countdown timer for when the image/text is going to change?
Ive got a small image of a power button and when pressed the inner section on the button changes to yellow, but when its pressed down Im also trying to get part of my H1 (main header logo title) to change to yellow.
Ive created a span with an id surrounding the letters of the H1 that I want to change, the id being : "power";
The javascript that I have come up with so far and works is as follows:
<img id="poweron" src="http://www.sitepoint.com/forums/images/power.png" alt="Power on button" onmousedown="this.src='images/poweron.png';" onmouseup="this.src='images/power.png';"/>
I understand Im not really supposed to be using inline JS, and I know Ive got to create a function for the onmousedown event to trigger changing the H1 text, so am I under the right impression that the JS so far written is redundant and will have to be re-written so thats contained within a script placed just before the closing </body> and an external script for invoking the main function ?
I have a program written in Javascript and fully functioning which takes a user-selected directory name and then displays all the photos in that directory in a certain format.
I am now wanting to expand the program to allow users to optionally enter their own strings and the program will use all the photos from www.flickr.com which use that string as a tag.
I have a PHP interface to flickr (called PHPflickr) which collects all the relevant photo urls. I now need to get these images back into my Javascript so I can process them using the existing functions (rather than rewrite all my functions in PHP code and have two sets of functions in the program). I found on another thread a means to do this for a date variable:
var jsArray = new Array(
<?php
$length = count($monthDataArray);
for ($i = 0; $i < $length; $i++)
{
echo '"' . addslashes($monthDataArray[$i]) . '"' . (($i < $length - 1) ? ',' : '') . "
";
}
?>
but being completely new to PHP I'm not sure what "addslashes" might be or what formatting will be necessary if I am starting with an array of urls. Code:
I am using .ajax() to access cross-domain data using JSONP. Because I need to be able to cache the data I want to use a static name for thejsonpCallback function, so I have set the jsonpCallback option in the .ajax() request. However that appears to requires a global function whereas the auto generated function didn't (well maybe it did but that was all hidden from me).
I definitely need to be able to cache the results. Ideally I wouldn't have a global function handling the data. Is there another way to do this? If not what is the best practice way to go about using a global function these days and how do I provide it with the context of the object/module it was called from - which is where the data is needed?
Relatively new to jQuery but have a problem with getting data to display.Using a webform with 2 forms. User slects and inputs data into the first form, clicks a button then using jQuery .ajax submits the serialized data to a php script. The script processes the input into multiple paragraphs of text which is based on the input from the first form.The data is returned to the webpage and displayed in a text area (of the 2nd form) where the user can edit it to fine tune the wording. The 2 forms are displayed in different tabs so it is easy to move back and forward between the 2 forms.
The problem occurs when the user goes back to the first form and enters or selects different text and then click the submit button to generate a whole new text for insertion into the textarea on the second form. For certain fields the modified text is displayed.However if the whole of the text in the textarea is deleted, then the user clicks the submit button to re-generate the text content area then nothing at all is ever interted into the textarea. If have user alert to check that data is returned from the php handler and this text is correct. BUT when I click on the tab to see the textarea (id is "draftrec") there is no text inserted. The relevant function is below and the line that should insert the text into the textarea is:
$("textarea#draftrec").html(data).show();
//------------------------------------------------------
$("form#form1").submit(function(e){
[code]....
I would like to use jQuery to prepopulate a form - ie make a call to a php program to get data from a database and pre-populatea form with appropriate data for the user. Can anyone point me in the right direction for some examples on the simplest way to do this?
View 3 Replies View Related