JavaScript - Do Location Replace And Javascript Keeps Running

Hello

Firstly, this is the full pastebin code of my admin page because i failed adding full code here correctly: http://pastebin.com/tQAaQjYC

and the screenshot of the slide manager page:
http://img36.imageshack.us/img36/4830/slidemanager.jpg


Well, I have a Slide Manager as an admin menu page in Wordpress. When i click "Add new slide" button, as you see in the screenshot above, it adds a new "slide field" in which that dropdown list shows all titles of posts. (Ignore other parts as they work as expected)

What i would like to do is, when i choose a post title, the text box which is next to dropdown to be populated automatically by the post's url adress. I want it to be worked for every "slide field" added via "Add new slide" button.

I actually made it work that way outside the foreach:

PHP Code:
            <script language="JavaScript"><!--
                function onChange() {
                    var Current = 
                    document.myform.link.selectedIndex;
                    document.myform.currentText3.value =
                    document.myform.link.options[Current].value;
                }
                
                //-->
            </script>                        

            <select name="link" onChange="onChange(this.value);">
            <?php
            if($_POST['action'] == save ) {
                $selected = "selected";
                }
                else{
                $selected = "";
                }
                echo '<option value="">...... Choose One ...... </option>';
                $args = array(
                'post_type' => 'post',
                'nopaging'  => true
                );

                $the_query = new WP_Query( $args );
                
                while ( $the_query->have_posts() ) : $the_query->the_post();
                echo '<option '.$selected.' value="'.get_permalink( $post->ID ).'">';
                the_title();
                echo '</option>';
                endwhile;

                ?>
            </select>            

            <input name="currentText3" type="text" value="">

But when i add this after the opening code of foreach, i.e:

PHP Code:
<?php foreach($nivoslides as $k => $slide) : ?>

Each slide field shows the dropdown and text box properly as you see in screenshot BUT none of them work.

I tried to add brackets but it didn't work either:

Code:

<select name="link[]" onChange="onChange(this.value);">

I guess it's the javascript code that should be edited or entirely changed but i have no idea how to do it.

I would be grateful for any help. Thanks in advance.

Hello

I am setting up a Javascript function in a page called functions.php

function onAddBookmarkPressed() {

<? mail("XXXXXXX", "Mail","Bookmark"); ?>

}

And calling it from another place within the page

<div class="barstepimg"><img src="http://staggan.com/my_dir/images/progress_bar/fb_buttons/add_bookmark.gif" onclick="onAddBookmarkPressed();"/></div>


I include functions.php in my index.php page...

When I run the index.php page the function above runs and emails me...

Any idea why?

Hi,
I have just started to learn Javascript which when loaded into a safari web browser of Firefox browser just simply displays the code.
I am currently using a MacBook Leopard operating system
I have saved the code (corrected for mistakes, many many times) to my desktop
Run my usual browser safari (and tried same with Firefox) loaded the file and all I get is a copy of the code displayed in the browser window.
Javascript is enabled for both
Please can you suggest some options for me to try and get the code working.
All I am doing in this example is copied from a book to turn the background colour of the browser RED
Thanks Tom

I am trying to run javascript within Iframe and its not running.
(The bigger pictu
The final target is to do a file upload without refreshing the page, and the original code is using the iframe as the target of the form, and the return from the server is a javascript code that should update some status field on the page.
However the code return from the server is not running, so I just paste it in the iframe and it is still not running.
)


Code:

Content-type: text/html\n\n
<html>

<script type="text/javascript">
	alert("this is running")
</script>

<iframe id="upload_target" name="upload_target" src="#" style="width:100;height:100;border:0px solid #fff;">
<script type="text/javascript">
	alert("this not running")
</script>
</iframe>

</html>

Probably a trivial question, but after a quick search I could not find the answer.

I link a .js file in my .html, the .js might be in the same directrory as the .html or somewhere else.

within the .js file, I'd like to find out with which path the .js was loaded by the .html.

So, if the .html contains
Code:

script src="path/here/there/myscript.js" type="text/javascript"

I'd like to have a way, in the file myscript.js to gather "path/here/there/"

How to do that?

Thanks.

So I wrote a script to slide various divs horizontally.

It takes 2 seconds to start and then begins, sliding, then stops, then slides, until all four slides are shown, and the slides back to the first one.

My issue is I have two buttons that should take over and kill the auto sliding. Also the script is giving me errors. That mastertimer, and loopertimer is not defined... Why is that?

Here is the code

Code:

<script type="text/javascript">// <![CDATA[
function restartSlide(item){
  item.style.left = parseInt(item.style.left) + 60 +'px';

  var resetLooperSl = setTimeout(function(){restartSlide(item)},15);
  if(parseInt(item.style.left) >= 0){clearTimeout(resetLooperSl);return;}
}

function stopSlide(){
  clearTimeout(loopTimer);
}


function animateSlide(element,limit,transition){

 if(transition == "stop" && parseInt(element.style.left) > -2460){
   limit = limit - 820;
 }
 else if(transition == "stop" && parseInt(element.style.left) <= -2460){
   limit = limit + 820;
   stopSlide();
 }

 element.style.left = parseInt(element.style.left) -20 + 'px';

 if(parseInt(element.style.left)<= limit){
   setTimeout(function(){animateSlide(element,limit,"stop")},4000); 
  clearTimeout(MasterTimer);
 }

 var loopTimer = setTimeout(function(){animateSlide(element,limit,"flow")},15);

}


function autoSlide(){
 var MasterTimer;
 var RestarterTime;
 var adContainer = document.getElementById('adwrap');

 adContainer.style.left = '0px';

 MasterTimer = setTimeout(function(){animateSlide(adContainer,0,"stop")},3000);
 RestarterTimer = setTimeout(function(){restartSlide(adContainer)},25000);

}

addEvent(window, 'load', autoSlide);

function btnSlideNow(elem, incremental){

  elem.style.left = parseInt(elem.style.left) + incremental + 'px';
  
  setTimeout(function(){btnSlideNow(elem, incremental)},30)
}

function btnActions(elem){
   var incremental;

   if(elem.id == 'btnAdLeft'){incremental = 30}
   else  if(elem.id == 'btnAdRight'){incremental = -30}
   btnSlideNow(elem, incremental);
}

function adButtons(){
   document.getElementById('btnAdLeft').onclick = function(){btnActions(this)}
   document.getElementById('btnAdRight').onclick = function(){btnActions(this)}
}

addEvent(window, 'load', adButtons);
// ]]></script>

Also I'd like to see how you experienced scripters would write this cleaner. I'd like to see that, as I am new to js. It would help me learn.

thanks

Hi all,

I sincerely apologise for the noob question. I have search and searched for an answer but to no avail, so I hope someone on here can help.

I'm trying to get a fisheye verticle menu working. I've found somethin which fits the requirement he http://zendold.lojcomm.com.br/ifisheye/ and tried to make it work. It just doesn't.

I've tried different versions of mootools etc but I think I'm missing something really stupidky simple. I'd really appreciate it if someone could have a look at my temp page (http://www.parkerbs.com/home1.htm) and point me in the right direction.

Many thanks in advance.

Paul

Is it possible to set onmouseover only in js file without running the function on html code?

P.S. I found a coding thread here but I don't understand it and it's too old (2005 archive).

Thank you very much

Is it possible to use JavaScript to locate all of the "smiley sad Icon.jpg"'s and output the location within the table?

Such as A3, and B2.

Thank you in advance.

Code:

<html>
<body>
<table width="200" border="1">
  <tr Id="A">
    <td Id="1"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"> </td>
    <td Id="2"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"></td>
    <td Id="3"><img src="http://www.iconeasy.com/icon/thumbnails/System/Icons%20for%20Developers/smiley%20sad%20Icon.jpg"></td>
  </tr>
  <tr Id="B">
    <td Id="1"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"></td>
    <td Id="2"><img src="http://www.iconeasy.com/icon/thumbnails/System/Icons%20for%20Developers/smiley%20sad%20Icon.jpg"></td>
    <td Id="3"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"></td>
  </tr>
  <tr Id="C">
    <td Id="1"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"></td>
    <td Id="2"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"></td>
    <td Id="3"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png"></td>
  </tr>
</table>

</body>
</html>

There are 2 images, and 2 locations, lets named it img1, img2, loc1, and loc2. What im trying to do is drag and drop img1 to loc1, which mean i don't want img1 to be drop in loc2, i want the specific image drop on specific location.

Code:

function dropIn(evt)
{
    var root = document.getElementsByTagName("body")[0];
    evt.preventDefault();
    var id = evt.dataTransfer.getData("text");

     if(ev.target.getAttribute('data-drop') == id)
        ev.target.appendChild(document.getElementById(id));
}

<div id="box1"  style="position: absolute; top: 220px; left: 220px;" ondragover="dragIn();" ondrop="dropIn();" >
<img id="img1" class="resize" src="wreck.jpg" ondragstart="dragBegin()" draggable="true" style="cursor:move;"/></div>
<div id="loc1" data-drop="img1" style="border:1px solid black; position:absolute;  left:400px; top:150px; width:160px; height:200px;"ondragover="dragIn();" ondrop="dropIn();" ></div>

<div id="box2"  style="position: absolute; top: 220px; left: 300px;" ondragover="dragIn();" ondrop="dropIn();" >
<img id="img2" class="resize" src="nah.jpg" ondragstart="dragBegin()" draggable="true" style="cursor:move;"/></div>
<div id="loc2" data-drop="img2" style="border:1px solid black; position:absolute;  left:560px; top:150px; width:160px; height:200px;"ondragover="dragIn();" ondrop="dropIn();" ></div>

so far the code above allow me to achieve what i want, but its not perfect, when i drop img1 to loc2, it did nothing. What i really want is when i drop img1 to loc2, the img1 is still dropped on the loc1. No matter where the img1 will be drop by user, the result of img1 will still be dropped on loc1, and same goes to img2, it will always be dropped on the loc2.

I tried this but its not working

Code:

if(evt.target.getAttribute('data-drop') == id){

      evt.target.appendChild(document.getElementById(id));
      } 
      else{
          evt.target.appendChild(document.getElementsByAttribute('data-drop'));
      }

is there any soloution for me? Thanks alot

document.write(str.replace(/(\+|\(|\)|.|-|\/ /g,''));

feeble attempt to remove '.' '(' ')' ' ' '-' '/'and '+'

Hello

I am relatively new to java script. The code I have behaves differently when I debug it and when I just run is straight.

There are three functions that one another in a particular sequence. When I debug it they get called in the correct sequence but otherwise they get called in a constant but random pattern.

I know I am missing basic understanding of javascript Can some body help please.

Thanks in advance

Output when I open the page in a browser without debug.
Code:

Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
readJSON2
		
 
	
There are no child objects
	
inside parseJSON:
		
 
	
There are no child objects
	
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
	
304 Not Modified
		64ms	
jquery-1.6.2.js (line 7869)
readJSON1
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]

Console Output when I debug

Code:

Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
	
304 Not Modified
		111ms	
jquery-1.6.2.js (line 7869)
readJSON1
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
readJSON2
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
inside parseJSON:
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]

Javascript code
Code:

function populateSearchResults(alert){
	
		
		var listOfAlertsDiv = document.getElementById('listOfAlertsDiv');
		
		//var x = document.getElementById('rowTable').insertRow(0);
		
		//TODO: Replace the above code to remove Table declaration in above HTML. Instead use JQuery scrollbar and populate scroll area with the content below.
		// Create a new table. Add a row to it and then add the below cell to it.  
		
		//TODO: Create a div
		//		Create a table
		//		Add the above created div to div1
		
		var rowDiv = document.createElement('div');
		rowDiv.className="scroll-content-item";		
		
		var rowContentTable = document.createElement('table');
		rowContentTable.width="100%";
		rowContentTable.border="0";
		rowContentTable.cellpadding="0";
		rowContentTable.cellspacing="0";
		rowContentTable.summary="Row Content Table";
		
		var rowContentTableFirstRow = rowContentTable.insertRow(0);
		var checkBoxCell = rowContentTableFirstRow.insertCell(0); 
		checkBoxCell.width = "1%";
		
		//x.valign = "top"
		//var checkBoxCell = x.insertCell(0);
		//checkBoxCell.width = "1%";		
		
	
		var checkBox = document.createElement('input');
		checkBox.type = "checkbox";
		checkBox.name = "checbox";
		checkBox.value = "true";
		
		checkBoxCell.appendChild(checkBox);
		
		var contentCell = rowContentTableFirstRow.insertCell(1);
		contentCell.width = "99%";
		
			var contentTable = document.createElement('table');
			contentTable.style.border = '1';
			contentTable.cellPadding = '0';
			contentTable.cellSpacing = '0';			
			contentTable.width = "100%"
			
			var titleRow = contentTable.insertRow(0);
			
				var titleCell = titleRow.insertCell(0);
				titleCell.width = "70%";
				titleCell.id = "alertTile"
				
					var title = document.createElement('a');
					title.href = "http://www.google.com";
					title.id = "AlertResultNameLink";
					titleText = document.createTextNode(alert.name);
					title.appendChild(titleText);
					titleCell.appendChild(title);
				
				var moveToFolderCell = titleRow.insertCell(1);
				moveToFolderCell.width = "5%";
				moveToFolderCell.id = "moveToFolder";
				
					var moveToFolderCellImage = document.createElement('img');
					moveToFolderCellImage.alt = "Move To Folder";
					//TODO: Change the hardcoding of the image location to symbolic links
					moveToFolderCellImage.src = "/js/v1/Alerts/images/co_documentFooterArrowFirst_inactive.png"
					moveToFolderCellImage.border = 0;
					moveToFolderCellImage.className = "moveToFolder";
				
				moveToFolderCell.appendChild(moveToFolderCellImage);
				
				var editAlertCell = titleRow.insertCell(2);
				editAlertCell.width = "10%";
				
					var editAlertButton = document.createElement('a');
					editAlertButton.href = "http://www.google.com";
					editAlertButton.className = "EditAlertButton";
					
						var editAlertButtonImage = document.createElement('img');
						editAlertButtonImage.alt = "Edit Alert";
						//TODO: Change the hardcoding of the image location to symbolic links
						editAlertButtonImage.src = "/js/v1/Alerts/images/co_overlayBox_closebutton.png";
						editAlertButtonImage.border = 0;
						editAlertButtonImage.className = "EditAlert";					
						editAlertButton.appendChild(editAlertButtonImage);
						
						var editAlertButtonText = document.createTextNode(' Edit Alert ');
						editAlertButton.appendChild(editAlertButtonText);
						//editAlertButton.innerHTML = " Edit Alert "
				
				editAlertCell.appendChild(editAlertButton);
			
			var alertMetaDataRow = contentTable.insertRow(1);
			var alertMetaDataCell = alertMetaDataRow.insertCell(0);
			
				var alertMetaDataTable = document.createElement('table');
				alertMetaDataTable.width = "100%"
				
					var alertMetaDataTableRow = alertMetaDataTable.insertRow(0);
					alertMetaDataTableRow.width = "100%"
					
						var lastUpdateCell = alertMetaDataTableRow.insertCell(0);
						lastUpdateCell.width = "25%"
						//var lastUpdateCellText = document.createTextNode("Last Update:");
						var lastUpdateCellText = document.createTextNode("Last Update: " +alert.lastRunDate);
						lastUpdateCell.appendChild(lastUpdateCellText);
						
						var nextUpdateCell = alertMetaDataTableRow.insertCell(1);
						nextUpdateCell.width = "25%"
						var nextUpdateCellText = document.createTextNode("Next Update:");
						nextUpdateCell.appendChild(nextUpdateCellText);
						
						var clientIdCell = alertMetaDataTableRow.insertCell(2);
						clientIdCell.width = "50%"		
						var clientIdCellText = document.createTextNode("Client ID: ")
						clientIdCell.appendChild(clientIdCellText);
			
			alertMetaDataCell.appendChild(alertMetaDataTable);
				
			var descriptionRow = contentTable.insertRow(2);
			var descriptionCell = descriptionRow.insertCell(0);
			
				var descriptionTitle = document.createTextNode("Description: ");
			descriptionCell.appendChild(descriptionTitle);
			
			var activeDeliveryRow = contentTable.insertRow(3);
			var activeDeliveryCell = activeDeliveryRow.insertCell(0);
				
				var activeDeliveryTitle = document.createTextNode("Active Delivery");
				activeDeliveryCell.appendChild(activeDeliveryTitle);
				
				var rss1 = document.createElement('img');
				rss1.style.border = "0";
				rss1.src = "images/rssIcon.png";
				rss1.hspace = "4";
				activeDeliveryCell.appendChild(rss1);
				
				var rss2 = document.createElement('img');
				rss2.style.border = "0";
				rss2.src = "images/rssIcon.png";
				rss2.hspace = "4";
				activeDeliveryCell.appendChild(rss2);
				
				var rss3 = document.createElement('img');
				rss3.style.border = "0";
				rss3.src = "images/rssIcon.png";
				rss3.hspace = "4";
				activeDeliveryCell.appendChild(rss3);
				
				var rss4 = document.createElement('img');
				rss4.style.border = "0";
				rss4.src = "images/rssIcon.png";
				rss4.hspace = "4";
				activeDeliveryCell.appendChild(rss4);
				
			
		contentCell.appendChild(contentTable);
		
		rowDiv.appendChild(rowContentTable);
		listOfAlertsDiv.appendChild(rowDiv);
		
		contentCell.appendChild(document.createElement('br'));
		contentCell.appendChild(document.createElement('hr'));
		contentCell.appendChild(document.createElement('br'));
		
	}
	
	function readJSON(){
		var json = "";
		//$(document).ready(function(){
			$.getJSON("/js/v1/External/JSON/sample.json", function(data){				
				json = data;
				console.log("readJSON1");
				console.dir(data);
			});
		//});
		console.log("readJSON2");
		console.dir(json);
		return json;
	}
	
	function parseJSON(){
		var alerts = [];
				
		var json = readJSON();	
		console.log("inside parseJSON:");
		console.dir(json);
	
		//TODO: Check if JSON is not null.
		
		for(var i in json.alerts){
			var createdDate = new Date(json.alerts[i].createdDate);
			var alert = new Cobalt.Alerts.DataTypes.Alert();
			var AlertPartnerDefinedInfos = [];
			alert.name = json.alerts[i].name;
			alert.lastRunDate = $.format.date(new Date(json.alerts[i].lastRunDate),"MM/dd/yyyy hh:mma");			
			alerts.push(alert);
		}						
		//console.log("fillRows: " +alerts.length);
		return alerts;
	}
	
	$(document).ready(fillRows=function(){
	
		var alerts = parseJSON();
		//console.log("fillRows: " +alerts.length);
		for(i=0;i<alerts.length;i++){
			var alert = alerts[i];
			populateSearchResults(alert);
		}	
	});

Code:

<script language="JavaScript" type="text/javascript">
function confirmDelete(url){
	
	var decision = confirm("Click OK to delete this post.");
		if(decision == true){
			window.location = url;
		}
}
</script>


<!--HTML LATER ON -->
<a onclick="confirmDelete('deletePost.php?id=17')" href=''><img src='delete.png' alt='' title='Delete this post' /></a>

I get absolutely nothing out of this. The confirm box pops up, but a the URL never changes when I click OK. I have no clue what's going wrong here. I'm using Google Chrome to test this out if that helps. Also does not work in Firefox.

Code:

s = s.replace(/\[code\](.*?)\[\/code\]/gi,'<span class="code">$1</span>');

This works as expected, but what I'm trying to do is replace the content within the tags with a santized version of what was in it before.

Example

Code:

function clean(str){
//clean up string stuff here
return str;
}

s = s.replace(/\[code\](.*?)\[\/code\]/gi,'<span class="code">'+clean('$1')+'</span>');

But as with everything in life it's never that easy, it's simply passing "$1" to the clean function instead of what was actually within the code tags.

Can anyone tell me how I'd go about doing this?

Hi I am wondering if it is possible to replace a rating form with some sort of javascript star rating system that would submit the same way? Here is my current form:

<form method=post action="%%%SCRIPT_URL%%%">
<input type=hidden name=main value="imageRate">
<input type=hidden name=file value="%%%FILENAME%%%">
<input type=hidden name=category value="%%%DIRECTORY%%%">
<select name=rate size=1>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>&nbsp;<input type=submit value="Rate This!">
</form>

Right now it is a drop down menu and I would like to replace with a php, javascript, or ajax rating script that can keep the same properties. Any advice?