|
JavaScript - Ie Adding Forward Slash
Hard to explain so:
On my site, on the 'edit profile' page, I have this code to give a field value (because the back end code is hidden as it's a purchased script): Code: <table>
<tr>
<td>
<span class="title">
Facebook URL:
</span>
<br/>
<span class="details">
Enter the full URL
</span>
</td>
<td align="left">$ControlPanelMyProfileUser-profile_facebook$</td>
</tr>
</table>
<script type='text/javascript'>
if($('profile_facebook').value == "") {
$('profile_facebook').value = "http://";
}
</script>
Then, on the users profile page I have this code to hide a row if no info or just http:// is entered: Code: <ul>
<li id="facebook1"><a href="$RateViewProfileUser-profile_facebook$">Facebook Profile</a></li>
</ul>
if(document.getElementById('facebook1').innerHTML=='<a href="">Facebook Profile</a>')
{
document.getElementById('facebook1').style.display='none';
} else if(document.getElementById('facebook1').innerHTML=='<a href="http://">Facebook Profile</a>')
{
document.getElementById('facebook1').style.display='none';
}
In IE, on the users profile page, the source is showing: Code: <a href="http://">Facebook Profile</a> But, the li item with ID of facebook1 isn't hiding and when hovering over the link it shows "http:///" which may be why it's not working? Even though the source shows "http://"?? Any ideas why it isn't hiding? Similar TutorialsWhat are these used for? How are they done in JS? Any refs online?
So far what I have the animation just..repeats over and over again, it doesn't go forward and backward as a seem-less bouncing little pin. Rattling my brain here, any help? I uploaded it to my server he http://www.boomspeed.com/alenna06/BouncingPushPin.html Also zip file attached Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pin bouncing</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript">
/* <![CDATA[ */
var pins = new Array(9);
var curPins= 0;
var direction;
var begin;
for (var i = 0; i < 9; ++i){
pins[i]=new Image();
pins[i].src="pin" + i + ".gif";
if (i == 8)
begin = setInterval("bounce()", 90);
function bounce() {
if (curPins == 8){
curPins = 0;
}
else
++ curPins;
document.getElementsByTagName("img")[0].src = pins[curPins].src;
if(curPins == 0){
direction = "up";
}
else if (curPins == 8)
direction ="down";
document.getElementsByTagName("img")[0].src= pins[curPins].src;
}
}
/* ]]> */
</script>
</head>
<body>
<img src="pin0.gif" alt="Image of push pin bouncing" />
</body>
</html>
Hi, Sorry very beginner in JS I am using formmail and JS to collect booking info calculates a total and sends to email. Formmail redirects to a thankyou page. Here I can send the total to paypal. I have looked and looked, but cant work out how to pass the total from the booking form to the thankyou page. How can I do this simply. Code not supplied because its nothing wonderous. Thanks Hi Everyone, I have the following problem that I have been trying to figure out for a few hours now and am hoping someone can give me a help out. I am opening a popup - this popup is solely to take an image url and as such has one field. On this 1st popup I have a 'button' which when clicked launches a 2nd popup window containing a file browser. The user selects the file by double clicking on the image they want, the url is passed back to the 1st popup, poulating the field and the 2nd popup is closed. Work perfectly in FF etc.. but in IE7 and IE8 it will not work. I am using the following function, linked to the button in the 1st popup, to open the 2nd popup window pass across the name of the field and the window object to the 2nd window. Code: function popupTwoInit(file_path, field_name, win) {
var w = window.open(file_path, null, 'toolbar=yes,menubar=yes,width=900,height=600');
w.fileFileField = field_name;
w.fileFileWin = win;
}
Where w is holding the window object created by the window.open, field_name is the name of the field on the popup that I wish to pass back a value to and win is the window object of the 1st popup. I am using this function as the callback to poulate the field in the 1st dialog after an image in the 2nd dialog has been selected: Code: filebrowser_callback(url) {
window.fileFileWin.document.forms[0].elements[window.fileFileField].value = url;
window.fileFileWin.focus();
window.close();
}
So this function accesses the passed through window object and field name from the window.open function, populates the field, gives the 1st popup focus and closes the 2nd popup. I thought about using opener in the 2nd popup to access the window object and field in the 1st popup but opener seems to refer to the main page in the browser - perhaps because I am using 2 popups OR I have got that wrong. Like I say works perfectly in FF but IE is always undefined for both 'window.fileFileWin' & 'window.fileFileField' which seems to suggest that the object is not interpreted by IE in the first function? I am a PHP developer with limited Javascript knowledge so any help would be great. Thanks very much. I'm currently trying to move a div that holds a text message forward pixel by pixel and eventually I'll write the code for it to go backwards and repeat. But I am not quite understanding what I've done wrong. It seems like a simple task, but It's not going anywhere. I call a function from the xhtml document like so: Code: <body onload = "moveText()">
<div id="movingText">
<p>This message should scroll forward</p>
</div>
............
and the function looks like: Code: function moveText() {
var movingText = document.getElementById("movingText");
movingText.style.left = (parseInt(movingText.style.left) + 1) + "px";
setTimeout("moveText()", 50);
}
it seems so clear cut, I can't imagine what could be wrong but apparently all my browsers don't like it. Anyway spot anything? Ok lol don't mock me, I'm only new to javascript. I'm trying to get the text that contains "The Moderating Team" "Today's Active Topics" etc. an id to the div they are contained in. Here's my code so far: Code: <script type="text/javascript">
var c = getElementByClass("div");
if ( c.innerHTML.contains(" The Moderating Team ") ) {
}
</script>
Any help? Oh and my site: http://stereo.b1.jcink.com I'm using a PHP script which has a pop-up box that, when the thumbnail is selected, the video player dynamically appears in the pop-up box. It is outdated, and not working correctly(see attached image), so I'm trying to replace it with venobox: VenoBox - responsive jQuery modal window plugin So far, I've uploaded the venobox folder, and added this: Code: <head> <!-- Add jQuery library --> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <!-- Add venobox --> <link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="screen" /> <script type="text/javascript" src="venobox/venobox.min.js"></script> </head> Now it says to: "Insert one or more links with its custom class": Code: <a class="venobox" href="image01-big.jpg"><img src="image01-small.jpg" alt="image alt"/></a> <a class="venobox_custom" data-type="iframe" href="http://www.veno.it">open iFrame</a> For Google Maps use the iFrame href attribute of map's embed code and set data-type="iframe" "For videos use the simple url of the video, such as: http://www.vimeo.com/your_video_id, or http://www.youtu.be/your_video_id" The GreyBox that I'm currently using, I believe the code is this: Code: <tr> <td width="10px"><a href="/videos/[blk1.vid_id;block=div]/" rel="gb_page_center[470,370]" style="float:right"><br /> <img src="/uploads/thumbs/[blk1.video_id;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></td> <td width="400px"><!--[var.lang_title]--><a href="/videos/[blk1.vid_id;block=div]/" rel="gb_page_center[520,600] "> <div class="container88888"><!--[blk1.Title;htmlconv=no;block=div;ope=max:70;comm]--></a><br /> <!--[var.lang_description]:-->[blk1.vid_desc;htmlconv=no;block=div;ope=max:268;comm]</div></td> </tr> So, I don't know what, in VenoBox, is meant by "Insert one or more links with its custom class" and please help me, what I should do with these further set up instructions?: Initialize plugin Code: $(document).ready(function(){
/* default settings */
$('.venobox').venobox();
/* custom settings */
$('.venobox_custom').venobox({
framewidth: '400px', // default: ''
frameheight: '300px', // default: ''
border: '10px', // default: '0'
bgcolor: '#5dff5e', // default: '#fff'
titleattr: 'data-title', // default: 'title'
numeratio: true, // default: false
infinigall: true // default: false
});
/* auto-open #firstlink on page load */
$("#firstlink").venobox().trigger('click');
});
Additionally, since I'm trying to get a video to dynamically play in the box, it states: "Data Attributes If the content is not an image you have to specify its type via data attribute data-type" [CODE] <a class="venobox" data-type="iframe" href="http://www.veno.it">Open Iframe</a> <a class="venobox" data-type="inline" title="My Description" href="#inline">Open inline content</a> <a class="venobox" data-type="ajax" href="ajax-call.php">Retrieve data via Ajax</a> <a class="venobox" data-type="youtube" href="http://youtu.be/d85gkOXeXG4">Open YouYbe video</a> <a class="venobox" data-type="vimeo" href="http://vimeo.com/75976293">Open Vimeo video</a> [/CODE} Any help/clarification will be appreciated. Attached Thumbnails Hi, I have a JS function which calculates "Amount" (Thanks to abduraooft and Philip M) frm.Amount.value=order_total*100; Then I have a (hidden) form input which "displays" the "Amount" <INPUT TYPE=HIDDEN NAME="Amount"> Now I would need a URL which includes the same value that is displayed in the input field (="Amount"). In practice the URL looks like this: https://www.XXX.com/payment?Amount=[this is where I would need the "Amount" to be displayed] How can I archive this? As you might have guessed I'm no pro in these matters I have this bit of code, Code: <script type="text/javascript">
var myScore = 0;
function correct(val)
{
alert(val.value);
x=val.value;
myScore=myScore+x;
alert(myScore);
}
function disableButton(myButton)
{
document.getElementById(myButton.id).disabled = true;
}
</script>
So in another word, the function correct is triggers when a user select an answer. And value are assigned to the answer. In the inside the correct function, this value is added to the myScore. But instead of adding, the value is contacted like a string. If the value of the answer selected in 3, myScore generated 03 instead of 3. And then value of the next question is 2, I get 032 instead of 5. How can force val.value to be integer or real number. I even tried parseInt function and it didn't work. Rohn Hi, i'm a newbie in javascript. To make all clear of what I wanna do is, take a look at this URL: http://danecdotes.hostei.com/addproposal.html What i wanna do is when you click add more input link, you can have more rows to input more things. Note that in those <td> there's an input field in each <td> and I want those input to have their own names with increment ID (e.g like name1, name2, name3.). How can I make that possible? Thanks I want to be able to add fields to a form with JavaScript, already had a thread about this in the PHP section and someone gave me some code. But that didn't seem to work So here is some other code: JavaScript: Code: var my_div = null;
var newDiv = null;
function addElement()
{
// create a new div element
// and give it some content
newDiv = document.createElement("div");
newDiv.innerHTML = "<label for=\"column\">Column Name: </label><input style=\"margin-bottom:1em;\" type=\"text\" name=\"column[]\" id=\"column\">";
// add the newly created element and it's content into the DOM
my_div = document.getElementById("org_div1");
document.body.insertBefore(newDiv, my_div);
}
HTML: Code: <div class="login">
<form name="tbCreate" method="post">
<label for="tableName">Table Name: </label>
<input type="text" name="tableName"><br />
</form>
<input type="button" name="addElement" onClick="addElement()" value="Add Column">
</div>
<div id='org_div1'></div>
Problem is, it only works if the org_div1 div not between any other tags apart from <body></body>. How can I make it so that the div can be put between the form tags? Im trying to dynamically add more fields into my form. HTML: Code: <table id="add_episodes" class="editor" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><input size="3" type="text" name="number" /></td>
<td><input type="text" name="title" /></td>
<td><input type="button" value="Add another text input" onClick="addInput('add_episodes', 'number');addInput('add_episodes', 'title');"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<input name="entry_id" type="hidden" value="<?php echo $id; ?>">
<input class="input submit" type="submit" name="submit" value="Add <?php echo $type; ?>">
</td>
</tr>
</table>
Javascript Code: function addInput(divName, type)
{
var counter = 1;
var limit = 50;
if (counter == limit) {
alert("You have reached the limit of adding " + counter + " inputs");
}
else {
var tr.document.createElement('<tr>');
if(type == 'number')
{
var newdiv = document.createElement(element);
newdiv.innerHTML = '<input size="3" type="text" name="number" />';
document.getElementById(add_input).appendChild(newdiv);
}
if(type == 'title')
{
var newdiv = document.createElement(element);
newdiv.innerHTML = '<input type="text" name="title[]" />';
document.getElementById(divName).appendChild(newdiv);
}
counter++;
document.getElementById(add_input).appendChild(tr);
}
}
This is one of my first times working with javascript, usually i work with PHP. Im trying to add more input elements of Code: <tr> <td><input size="3" type="text" name="number" /></td> <td><input type="text" name="title" /></td> </tr> And don't reply that i should make the names into arrays for me to submit more stuff, I'll change that later. But for simplicity and a straightforward problem. I can't get it add more form elements in the correct place or nothing happens at all. Hi there, Greetings, I have limited knowledge on Javascript. I wish someone could help me out. Thanks. I have actually found a free script named "Image Flow" (http://finnrudolph.de/ImageFlow/Examples) on the website. Then, I have uploaded it to my web server. Everything was fine and functioning well. I would like to add in new Var (to make new window appears after clicking) according to the codes given but failed to do so. The codes given are A) Code:
var target_1 = new ImageFlow();
target_1.init({ ImageFlowID: 'target_1,'
onClick: function() {window.open(this.url, '_blank');} });
Then, I just added the above code into imageflow.JS and imageflow.packed.JS. (I have attached the file below) Original: Code: domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID:'myImageFlow' });
});
After amendment: Code: domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID:'myImageFlow' });
var target_1 = new ImageFlow();
target_1.init({ ImageFlowID: 'target_1,'
onClick: function() {window.open(this.url, '_blank');} });
});
However, no pictures were loaded after that. Does it involve more than just "copy and paste"? Or what have I done incorrectly? Sorry to disturb you. -edit-
Hi and thanks for your help, I have two text boxes on my page and a third where I would like it to automatically subtract the two any time either one of them is changed. What is the simplest way to do this? Thanks again for your help, Will helo, i just want to know how to add the same panel by clicking on a button right below the button.. Hi, Want to add numbers using JS. Have 4 text boxes for user entry. Want either a label (preferred) or fifth text box to automatically sum those entries. Did following but not working. Any suggestions? <script language="javascript"> var addRange = function() { var NoHrsRangeComp = document.getElementById("NoHrsRangeComp"); var NoHrsRangeCred = document.getElementById("NoHrsRangeCred"); var NoHrsRangeOT = document.getElementById("NoHrsRangeOT"); var NoHrsRangeRC = document.getElementById("NoHrsRangeRC"); var RangeSum = document.getElementById("RangeSum"); var sum = 0; if (isNaN(parseFloat(NoHrsRangeComp.value))){ NoHrsRangeComp.value = ""; } if (isNaN(parseFloat(NoHrsRangeCred.value))){ NoHrsRangeCred.value = ""; } if (isNaN(parseFloat(NoHrsRangeOT.value))){ NoHrsRangeOT.value = ""; } if (isNaN(parseFloat(NoHrsRangeRC.value))){ NoHrsRangeRC.value = ""; } sum = parseFloat(NoHrsRangeComp.value) + parseFloat(NoHrsRangeCred.value) + parseFloat(NoHrsRangeOT.value) + parseFloat(NoHrsRangeRC.value); RangeSum.innerHTML = sum; } </script> Input as follows: <input style="width: 50px" type="text" name="NoHrsRangeComp" id="NoHrsRangeComp" onblur="addRange();"/> <input style="width: 50px" type="text" name="NoHrsRangeCred" id="NoHrsRangeCred" onblur="addRange();"/> <input style="width: 50px" type="text" name="NoHrsRangeOT" id="NoHrsRangeOT" onblur="addRange();"/> <input style="width: 50px" type="text" name="NoHrsRangeRC" id="NoHrsRangeRC" onblur="addRange();"/> <input style="width: 50px" type="text" name="RangeSum" id="RangeSum" onblur="addRange();"/> For above entry prefer - label makes it look more like usual addition and does not confuse users to want to make entry. <label id="RangeSum" onblur="addRange();" style="border-bottom:medium"></label> John I am trying to take the add the numbers input into form boxes 1 and 2 and then output them onto the screen following the form boxes. I have tried many different functions and none of them will work. Can anyone point me in the right direction? Here's my code so far: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Math and Compare</title>
<link rel="stylesheet" type="text/css" href="assignment1.css" />
<div align="center">
<script type="text/javascript">
var title = "<strong>Assignment 1 </br> Aughtman, Zackary</strong>"
document.write(title.fontsize(5));
</script>
<script type="text/javascript">
function result_One(firstNum, secondNum, result1)
{
firstNum = document.getElementById("box1").value;
secondNum = document.getElementById("box2").value;
result_One = this.firstNum + this.secondNum;
return calc.result_One;
}
</script>
</head>
<body>
</br>
</br>
<div id="div1" align="center">
<strong>Addition</strong>
</div>
<table align = "center">
<tr>
<td>
<form id="box1">
<input type="text" value="" id="box1" class="box1" /> +
<input type="text" value="" id="box2" class="box2" /> = 000000000
</br>
<div align="center">
<input type="button" value="Add" id="add" onclick="result_One;" />
</td>
</tr>
</table>
</body>
</html>
hi All, I want to add UL item to Li in java script dynamically .so that i can build submenu dynamically.can any one help me. to be honest I have no idea where to start, i have a table, with 2 numeric values at the minute, if the checkbox is selected I want the total price to be shown? Any help to get me started would be great! this is the form I have with the numeric values Code: <form id="calculation" action="#" method="post"> 100 <input type="checkbox" name="check1" value="100" onClick='total_cost()'/> 120 <input type="checkbox" name="check2" value="200" onClick='total_cost()'/> Total cost<input type="text" name="total" id="total" readonly="readonly" /> onClick='total_cost()' is referring to the javascript function where I just don't know where to start? |
|||||||