|
JavaScript - Html Link Variable Swf File Help Sort Of Complex
Is it possible to make it so if you click on a <a href> the information such as the name or link changes the <title> of the page and replaces existing opened <div>s with information from the link or such.
eg If i had a list of swf files that were attatched to links how could I display each swf file onclick without redirecting whilst changing the title and content? Similar TutorialsI'm using a form data reference, something like P-1234 for example to create a text file and a link to the file. This is during the construction of a new table or table row with javascript. I have an array of one or more references submitted via form using $_POST. On my action page I am creating a txt file P-1234. If I am creating a table ot table row using createElement(), one of the cells will have a link to the file. If the file is created as follows: PHP Code: $File = $_POST['ref'][$i] . "txt"; After creating the cell Code: var Cell = document.createElement('td');
I assign the file to a variable var File = "<?= $File ?> "; I assume the link is inserted using innerHTML? If so, do I just append the filename to the end of the file path like this? Cell.innerHTML = "http://localhost/Project/+File"; If this is not the right way can someone point me in the right direction? I have been working on the code for an alpha sort file and have become stumped. I need to incorporate both an insertion sort & selection sort method into my code before it will run. I attached the file I have been working on and it runs on Bluej with Java JDK. I would apretiate if you could take a look at it. If you would prefer not to download my file I have posted my code that I have been working on below. I am not familiar with the structure of an insertion sort or a selection sort mothod. I also am not clear on the point in which these methods would need to be placed in the file. Code: import java.io.*;
import java.util.*;
public class Words
{
ArrayList<String> words;
public Words()
{
words = getData("wordlist.txt");
}
public void displayWords()
{
for(int i=0; i<words.size(); i++) {
System.out.println(words.get(i));
}
}
public ArrayList<String> getData(String filename)
{
ArrayList<String> list = new ArrayList<String>();
File myFile = new File(filename);
if(myFile.exists() && myFile.length()>0) {
try {
BufferedReader in = new BufferedReader( new FileReader(myFile) );
String word = in.readLine();
while( word != null ) {
list.add(word);
word = in.readLine();
}
} catch( Exception e )
{}
}
return list;
}
}
Hello All, I always wonder that how to display any sort of data or HTML codes by just simply calling or including a Javascript file in other HTML file or a webpage. If you didn't understand what I want to say, I would like to give an example like AdSense gives a javascript code that need to be put where we want to show ads. And the ads appear, similarly how to display any HTML code with just inclusion of Javascript file. An other example is - <script type="text/javascript" src="http://example.com/scripts/javascript/source/somescript.js"> <div id="div_one"></div> <div id="div_two"></div> <div id="div_three"></div> </script> Now this script will show some HTML inside first div, some on second and so on. So How can I do that, please explain with an example... Thanks. I would like to apologize in advance if my question sounds too simple. I am a novice to Javascript and have not had any real formal training here. I am creating a webpage which utilizes a separate .xml file to populate values in my webpage. This is my webpage (links.html): and here is my xml file (links_data.xml): This is my output: I have a link at the bottom of the page that points to the device being displayed. In this case, the link should be: http://10.90.139.201 If my xml file changes, it should point to the new IP address. My question is, how do I get the link to work? Currently, my current link (<a href="http://"IP_address"">Link</a>) does not populate any information. Appreciate any guidance here... thanks. Hi, I have a simple page and a javascript that measure the time the user has spent on a page and I want that variable to pass as a link to another page (php). I'm stuck (rookie) with how to actually pass that on in the link. Here's my code: Code: <?php session_start();?>
<html>
<head>
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Cody Shaffer :: http://codytheking313.byethost11.com */
var time=1;
function timeHere() {
time = time + 1;
finalTime = time / 10;
}
</script>
</head>
<body>
<div id="container">
<form id="form1" method="post" action="">
<label>Fill this Data
<input type="text" name="1" id="1" />
</label>
<p>
<label>
<input type="submit" name="2" id="2" value="Submit" />
</label>
</p>
</form>
<a href="go/index.html">ads</a>
</div>
</body>
</html>
Thanks for the help Does anyone know how to accomplish this? I got the html file to show but none of the text in the file will show.
Hi i am using javascript for the first time and i have a problem .I have 2 files html and javascript file in seperate but i donot know how to make them work .the code is down below .Thanks in advance for help. HTML <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <meta name="description" content="Instagram API - usage" /> <meta charset=utf-8 /> <title></title> </head> <body> <input id="lat_input" type="number" value="60.221374"/> <input id="lng_input" type="number" value="24.805391"/> <button id="search_location">Search</button><br/> <button id="get_popular">Get popular</button> <div id="images"></div> </body> </html> Javascript file // API DOCUMENTATION: // Instagram Developer Documentation var clientId = 'e7538f47e197479d8d32a63ae3ae4cd2'; $('#search_location').click(function () { getMediaByLocation($('#lat_input').val(), $('#lng_input').val()); }); $('#get_popular').click(function () { getPopularImages(); }); function getMediaByLocation(lat, lng) { var o = { lat: lat, lng: lng, client_id: clientId }; $.getJSON('https://api.instagram.com/v1/media/search?callback=?', o, function (response) { processImages(response.data); }); } function getPopularImages() { var o = { client_id: clientId }; $.getJSON('https://api.instagram.com/v1/media/popular?callback=?', o, function (response) { processImages(response.data); }); } function processImages(array) { $('#images').empty(); $.each(array, function (index, element) { var fs = $('<fieldset>').appendTo('#images'); $('<img>').attr('src', element.images.low_resolution.url).appendTo(fs); if (element.caption) { $('<pre>').text(element.caption.text).appendTo(fs); } $.each(element.comments.data, function (index, comment) { $('<pre>').text('Comment from ' + comment.from.full_name + ': ' + comment.text).appendTo(fs); }); }); } So I'm trying to make a free flash game site that is not completely annoying and never redirects you to another site. i'm hosting all my flash games on my server. when you select the game you would like to play, it loads the file name into a javascript variable that gets sent to my game.html where i would like the game to load. every game should load on this same page. I cannot for the life of me find how to read the variable in html. I've tried embed, object, documentwrite, basically everything i could find doing google searches for 10 hours. I'm no expert programmer, but I've never had to post a question to any forum EVER before because I always figure it out on my own. Not this time. i don't want to include any code i'm using because i would like the proper format. tell me what to do with it and i will do anything in my power to make you feel special. i'll devote a special page to you highlighting your genius on my site. this is a terrible example of what I'm trying to do, just imagine VARIABLEGOESHERE = mystinkingame.swf: [CODE] <object width="550" height="400"> <param name="movie" value="VARIABLEGOESHERE"> <embed src="VARIABLEGOESHERE" width="550" height="400"> </embed> </object> [CODE] it is also clear that i do not understand the [CODE] tag in your forum. I few sites said to (in the js file) put the varible in <%= %> these tags but thats not doing any good. Is there some other part needed to this I'm missing. The javascript I'm using is in a file I included in my VS project.
First off, I am new here - so, an introduction. My name is David Lubofsky. I am a front-end developer in Chicago, Illinois. I have done numerous JS rollovers before, as well as image rollovers triggered by text links. However, I am having a problem combining the two. The best example I have found of what I am trying to achieve is here - http://theworldcovered.ivyfunds.com (top right area). I have no issue achieving part of this - where the link mouseovers trigger the image swap. My issue is making both the link and the image cause the rollover. The method I use for image swap on text link hover is seen here - http://www.htmlite.com/faq011.php This is what I want, except I want the image to also swap if the image is rolled over, as in the first example. Hope this was clear - I could really use some guidance on this. Thanks all! David hi i have a hidden variable in html like this <input type="hidden" name="searchword" value=""> and i need to change the value using javascript. You can do it in vbscript with searchword.value="test" but i dont know how to in javascript ive tried document.searchword.value=cookie_text; cookie_text is a variable by the way thanks EDIT: sorry sorry, I just realized I posted this on the wrong place.... {palmface} Just to start off, Javascript is NOT my forte'. Ive been trying to do some form validating for a few hours now. I've tried many different combos and trying multiple functions to make this work but I have seemed to make more of a mess than anything now. Here's what I've got going on... A simple form with 3 text inputs a checkbox and a submit button. I'm trying to do 7 things. 1. strip special characters from all 3 input fields (except : / and @) 2. make sure no input fields are blank 3. verify that email has @ and . in it 4. insure that the checkbox is checked I would love to set the email not to allow certain domains(yahoo,gmail) but that is a bit out of my league. Any help would be appreciated, below is the current garbled mess of javascript I am left with after hours of trying to get it to work... my appologies. I know it's ugly. Code: <script LANGUAGE="Javascript">
<!-- Begin
function CleanUp() {
name = document.register.name.value;
email = document.register.email.value;
website = document.register.website.value;
var iChars = "!#$%^&*()+=-[]\';,.{}|\"<>?";
//remove crap name
for (var i = 0; i < document.register.name.value.length; i++) {
if ((iChars.indexOf(document.register.name.charAt(i)) != -1)) {
window.alert ("No special characters allowed.");
return false;
}}
//remove crap website
for (var i = 0; i < document.register.website.value.length; i++) {
if ((iChars.indexOf(document.register.website.charAt(i)) != -1)) {
window.alert ("No special characters allowed.");
return false;
}}
//remove crap email
for (var i = 0; i < document.register.email.value.length; i++) {
if ((iChars.indexOf(document.register.email.charAt(i)) != -1)) {
window.alert ("No special characters allowed.");
return false;
}}
//check required field
if ((name == "") || (email == "")|| (website == "")) {
window.alert("Please enter your Name, website, and E-mail address.");
return false;
}
//verify email
if (email.value.indexOf("@", 0) < 0)
{
window.alert("Please enter a valid e-mail address.");
return false;
}
if (email.value.indexOf(".", 0) < 0)
{
window.alert("Please enter a valid e-mail address.");
return false;
}
// check agree term before submit
if (agree.checked == false )
{
alert('Please confirm you are the site owner.');
return false;
//done
}else
return true;
}
// End -->
</script>
Hello, I'm trying to find an image slider and gallery script that will let me do this: http://www.7dma.com/clients/poncecol...er_gallery.jpg When clicked, the bottom product thumbnails change the large product image. Smaller, right-side thumbnails let you change different color versions of the large product image. Also, the text to the left and right will be updated in a CMS (I mention this just FYI). If you know how to accomplish this and what script(s) to use, I'll forever be in your debt. Thank you for taking the time to read this post. I've been looking into creating an auction-type website but I haven't been able to figure a few things out. Right now it seems my biggest struggle is getting the timers I need for the site to work. This is mainly because, I'll admit, I don't know much about JavaScript. The other thing I am struggling with is that all the examples I've messed with when I searched the site, such as this one and this one, reset themselves if I refresh the page. While I don't mean to be too picky I figure I need something that has the following features: 1) The ability to have multiple timers (10-12) that are independent of one another. They need to maintain their countdown even if someone refreshes the page. 2) If the timer has less than 30 seconds left on it then it needs to "reset" itself to 30 seconds when someone places a bid. I know that means I have to notify the timer if a bid was placed however, to simplify things (for now) let's just assume that when a user clicks a button they have "placed a bid". Here are couple of other sites that are very similar to what I want to setup, in case you need more info then what I have provided: BidRay BidCactus Just FYI I like BidRay's style better but I don't know if it really matters much from the JavaScript side of things. Hi I want to use the javascript variable value in html , for example <script > var alignment = "Right"; </script> <html> <p align = alignment > Hi </p> </html> How can i do like this ! hi there i'm a newb so be nice lol --> I want to use javascript in an array to submit content. I have some php background so using some techniques I worked this out. >> I need to select bathroom details and the script needs to be user friendly, however I have multiple bathrooms that can be selected. So based on a drop down list I need to select the bathrooms needed and then I will get more options as stated below. These options will need to be submitted so I need different varibles for each item selected I expect that you'll have a better way to do it I just want it to work my HTML script LOOKED as follows Code: <!-- BATHROOM TYPE SELECTOR HTML-->
<label>
<input name="fullbathr" type="checkbox" value="fullbathr" onClick="checker('yesFullba'); UpdateChecks('option');" />
Full Bathroom </label>
<span id="yesFullba" style="visibility:visible">
|
<input name="babath" type="checkbox" value="babath" id="babath" onClick="change('bathselba'); UpdateChecks('option');";/>
Bath </label>
|
<input name="bashower" type="checkbox" value="bashower" id="bashower" onClick="change('showerselba'); UpdateChecks('option');" />
Shower </label>
<span id="bathselba" style="visibility:hidden">
<br /> Bath Type: <label>
<input type="radio" name="bathtype" value="standardba" id="bathtype_0" />
Standard</label>
<label>
<input type="radio" name="bathtype" value="ovalba" id="bathtype_1" />
| Oval</label>
<label>
<input type="radio" name="bathtype" value="cornerba" id="bathtype_2" />
| Corner</label>
<label>
<input type="radio" name="bathtype" value="spaba" id="bathtype_3" />
| Spa</label>
</span>
<span id="showerselba" style="visibility:hidden">
<br /> Shower Heads: <label>
<input type="radio" name="showerheadba" value="singlesho" id="showerheadba_0" />
Single Head</label>
<label>
<input type="radio" name="showerheadba" value="doublesho" id="showerheadba_1" />
| Double Head</label> </span>
</span>
<br />
<!-- end BATHROOM TYPE SELECTOR HTML -->
i converted it as follows Code: <!-- CREATE BATHROOMS -->
function createbaths(number2) {
databaths = "";
inter = "'";
dinter = '"';
spaces=" ";
if (number2 < 7 && number2 > -1) {
for (i=1; i <= number2; i++) {
databaths = databaths + "<br><strong>Bathroom " + i + " :</strong><br>"
<!-- BATHROOM TYPE SELECTOR JAVASCRIPT-->
+ " <label>"
+ " <input name=" + dinter + "fullbathr" + dinter
+ " type=" + dinter + "checkbox" + dinter
+ " value=" + dinter + "fullbathr" + dinter
+ " onClick=" + dinter + "checker(" + inter + "yesFullba" + inter + "); "
+ "UpdateChecks(" + inter + "option" + inter + ");" + dinter + " />"
+ "Full Bathroom </label>" + "<span id=" + dinter + "yesFullba" + dinter
+ " style=" + dinter + "visibility:visible" + dinter + "> | "
+ "<input name=" + dinter + "babath" + dinter
+ " type=" + dinter + "checkbox" + dinter
+ " value=" + dinter + "babath" + dinter
+ " id=" + dinter + "babath" + dinter
+ " onClick=" + dinter
+ "change(" + inter + "bathselba" + inter + "); "
+ "UpdateChecks(" + inter + "option" + inter + ");"
+ dinter + ";/>"
+ "Bath </label> | "
+ "<input name=" + dinter + "bashower" + dinter
+ " type=" + dinter + "checkbox" + dinter
+ " value=" + dinter + "bashower" + dinter
+ " id=" + dinter + "bashower" + dinter
+ " onClick=" + dinter
+ "change(" + inter + "showerselba" + inter + "); "
+ "UpdateChecks(" + inter + "option" + inter + ");"
+ dinter + " />"
+ "Shower </label> "
+ "<span id=" + dinter + "bathselba" + dinter
+ " style=" + dinter + "visibility:hidden" + dinter + ">" + "<br />"
+ "Bath Type: <label>"
+ "<input type=" + dinter + "radio" + dinter
+ " name=" + dinter + "bathtype" + dinter
+ " value=" + dinter + "standardba" + dinter
+ " id=" + dinter + "bathtype_0" + dinter
+ " /> "
+ "Standard</label>"
+ "<label>"
+ "<input type=" + dinter + "radio" + dinter
+ " name=" + dinter + "bathtype" + dinter
+ " value=" + dinter + "ovalba" + dinter
+ " id=" + dinter + "bathtype_1" + dinter
+ " /> | "
+ "Oval</label>"
+ "<label>"
+ "<input type=" + dinter + "radio" + dinter
+ " name=" + dinter + "bathtype" + dinter
+ " value=" + dinter + "cornerba" + dinter
+ " id=" + dinter + "bathtype_2" + dinter
+ " /> | "
+ "Corner</label>"
+ "<label>"
+ "<input type=" + dinter + "radio" + dinter
+ " name="+ dinter + "bathtype" + dinter
+ " value=" + dinter + "spaba" + dinter
+ " id=" + dinter + "bathtype_3" + dinter
+ " /> | "
+ "Spa</label></span>"
+ " <span id=" + dinter + "showerselba" + dinter
+ " style=" + dinter + "visibility:hidden" + dinter
+ "><br />"
+ " Shower Heads: <label>"
+ "<input type=" + dinter + "radio" + dinter
+ " name=" + dinter + "showerheadba" + dinter
+ " value=" + dinter + "singlesho" + dinter
+ " id=" + dinter + "showerheadba_0" + dinter
+ " />"
+ "Single Head</label>"
+ "<label>"
+ "<input type=" + dinter + "radio" + dinter
+ " name=" + dinter + "showerheadba" + dinter
+ " value=" + dinter + "doublesho" + dinter
+ " id=" + dinter + "showerheadba_1" + dinter
+ " /> | "
+ "Double Head</label>"
+ " </span> </span> <br /> "
<!-- end BATHROOM TYPE SELECTOR JAVASCRIPT -->
The entire forum is using a few different functions I've setup for this section i've got these sets Code: <!-- -->
function change(id){
if (document.all[ id ].style.visibility == 'hidden')
{
document.all[ id ].style.visibility = 'visible';
document.all[ id ].focus();
}
else
{
document.all[ id ].style.visibility = 'hidden';
document.all[ id ].value = '';
document.all[ id ].checked = '';
}
}
<!-- -->
<!-- for full bathroom selector-->
function UpdateChecks(which) {
if (which == 'fullBathroom') { fullBathroomIsChecked(); }
else if(which == 'option') { BoxesCheck(); }
}
function fullBathroomIsChecked() {
if(document.all.fullbathr.checked == false) { BoxesCheck(); }
else {
document.all.babath.checked = false;
document.all.bashower.checked = false;
}
}
function BoxesCheck() {
document.all.fullbathr.checked = false;
if((document.all.babath.checked == true) && (document.all.bashower.checked == true))
{
document.all.fullbathr.checked = true;
document.all.yesFullba.style.visibility = 'hidden';
fullBathroomIsChecked();
}
}
<!-- for full bathroom selector END -->
CURRENTLY I have a drop down list from 1 to 6 when a bathroom is selected lets say 3 then it SHOULD display full - bath - shower - PER EACH BATHROOM if bath and shower is selected they disappear and full remains ticked if u tick full bath and shower disappear. included a sub cat. that changes based on the above selection this works in html but The bathroom varibles in the javascript need to be changed to suite a changing varible I based what I understand that an array will need to be added but how to i adjust the script correctly. I might work it out just have a bit of overload at the moment. Thanks in advance I have two versions of this document. The first version uses only JavaScript and the standard PROMPT(). It works very well, but I would like to insert the name prompt into the page using the input command. For some reason the variable loaded in the HTML statement doesn't get passed to the JavaScript. Any ideas would be appreciated! This is only a small test page. Sorry I don't know about the [code] tag... <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"> <meta name="created" content="Sat, 10 Sep 2011 19:40:31 GMT"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Enter golfers name</title> <!--[if IE]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="script1.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function GetPage(){ document.write("OK") var lab = ""; var result = fullname.toUpperCase(); var word=result.split(" "); fname = word[0] lname = word[1] alpha = lname.slice(0,1); lab = fname.concat("_") lab = lab.concat(lname) if(word[2]){ ext = word[2] lab = lab.concat("_") lab = lab.concat(ext) } var intro = "./Stats_"; page = intro.concat(alpha); page = page.concat("_golfers.html#"); page = page.concat(lab) document.write(page) <!-- window.location.pathname = page } </script> </head> <body> <center> <form action="form_action.asp" method="get"> You can enter the golfersname or select him from the above list.<br><br> <input type="text" name="fullname" /> <button type="submit" onclick="GetPage()">GO</button> </form> </center> <BR><BR><BR> This is the end </body> </html> Hi every one Following is the situation I want a solution for, -I have a form whose contents are forwarded to a mailer program hosted on a server which sends out emails. So basically the form data is submitted to one Mailer page (I have no control over the mailer program). -After the form has been submitted the mailer program redirects to a default page or the "return " page specified by me..again redirects no matter what I have no control over it... -Now instead of being redirected to a page I want the form contents to be submitted to another php page which will appear after the form has been submitted to the mailer page and display the contents of the form originally submitted. Basically I want to submit to 2 different pages I know thats possible but I do not know how to get around the redirection from mailer page. I thought of having the second php page to be the redirect page with all form data sent in query string however data fields are too many to send over get. Is there anyway around this in javascript? Its very complex to explain..I hope some one can help I hope following crude visualisation helps currently submit form to------------->Mailer page (It redirects to any page specified) form to | | |------->Page2.php (Want this to appear after form has been submitted to mailer page but mailer page redirects..) Regards, Aditya |
|||||||