JavaScript - Working In Html But Not Jsp

Hi All,

I have two sites using zeroclipboard (hosted at google code) one works only in firefox and barely, the other is not working at all. It does use Flash, but I think the issue is on the js side of things.

On both links, clicking the filename below the thumbnail will copy and add the link as an IMG code to a div below.

*working* link
http://pics.boasbysatyra.com/access/spiders.php
This one only works in FF, and the clip area is offset badly.

Here is the template for the zc code:

Code:

<div class="photo" style="float: left; padding: 4px;">
<div class="exif"><a href="[~41~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://pics.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>

And the JS for the page:

Code:

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}

Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');
function initMenu() {
    $('#menu ul').hide();
    $('#menu ul:first').show();
    $('#menu li a').click(function() {
        var checkElement = $(this).next();
        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            //return false;
            }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            return false;
        }
    });
}
$(document).ready(function() {
    initMenu();
});

Now on to the totally broken one - it creates the elements required, but gives them a 0x0 area!

http://jb.boasbysatyra.com/forum-pic...cs/nature.html

Code:

div class="photo" style="float: left; margin: 4px;">
<div class="exif"><a href="[~133~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
<div id="d_clip_container[+filename+]" style="position:relative; width: 120px; height: 0.5em;">
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://jb.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]','d_clip_container[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>
</div>

On this one I wrapped it as suggested on the zc site, I originally started with the code for the other site - it didn't work, so I went tweaking...

Here is the JS:

Code:

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}
Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){needRef = 0; window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');

$(document).ready(function() {
$(".dim img").fadeTo("slow", 0.65);
$(".dim img").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.65);
});
$('#mainContent').hide().fadeIn(1200);
        //When page loads...
        $(".tab_content").hide(); //Hide all content
//      $("ul.tabs li:first").addClass("active").show(); //Activate first tab
//      $(".tab_content:first").show(); //Show first tab content

        //On Click Event
        $("ul.tabs li").click(function() {

                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
        });

});
(function($) {
   $(document).ready(function(){
 $('.menu1').ptMenu();
       $('.menu2').ptMenu({vertical:true});
   });
})(jQuery);

I have taken a look at this for a few days and tried many things with no luck, any help is appreciated.

Thanks!

hereis the html file and javascripton click of this button a
html *****************************
<table class=matcolor id=topnav cellspacing=0
cellpadding=0 width=550 border=0 bgcolor="#FFCCCC">
<tbody>
<tr align=middle>
<td id=menu1
onMouseOver="this.className='mPrimaryOn';showmenu(this);"
onClick="this.document.location.href=''"
onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20">
<div align="center"><font color="#FF0000">Desk Top Publishing </font></div>
</td>
<td width=1 bgcolor=#ff9900 class="mat"></td>
<td id=menu2
onMouseOver="this.className='mPrimaryOn';showmenu(this);"
onClick="this.document.location.href=''"
onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20">
<div align="center"><font color="#FF0000">Transcription</font></div>
</td>
<td width=1 bgcolor=#ff9900 class="mat"></td>
<td id=menu3
onMouseOver="this.className='mPrimaryOn';showmenu(this);"
onClick="this.document.location.href=''"
onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20">
<div align="center"><font color="#FF0000">Accounts Processing </font></div>
</td>
</tr>
</tbody>
</table>
*****************************************

<script language=JavaScript>
ix = document.getElementById('tblmenu1').getBoundingClientRect();
new ypSlideOutMenu("menu1", "right",ix.left + ix.right ,ix.bottom + 10);
</script>
**any thing i have to alter to work in firefox
please help

I have a usercontrol which get inputs from the user and show the slideshows. I have added jquery.js and jqfancytransitions.js to the control. when i apply the effects dynamically it is working on local iis but the same coding is not working on iis server. The link for the page is http://www.gloriatech.com/slideshow.aspx . Actually it display the images but no effects are applied. I also checked the js files, it is in right path only.When i checked this page in firebug , it shows the error which is " Sys is undefined". I dont know how to solve it. Can anyone help me?

Thanx in advance.

favorite


I'd like to modify a form on www.formsite.com (form builder app):

username: testuser password: password

I would like to use the nicedit.com's inline content editor's js to transform my textarea's into a richtext area. At present the nicedit editor works well in creating the richtextarea. However, the KEY point is that I would like formsite's form to pipe in the the created html and render it with the html component of formsite. Currently, the pipe function in formsite will only put out the html syntax in it's html module.

action seen he http://fs8.formsite.com/testform/form1/index.html

So this would be: 1. checking out my form on formsite.com 2. the script from nicedit.com is already installed in an html component. 3. changing or telling me the scripts/tags/or whatever for formsite form using formsites form builder (which allows some html/script editing). 4. changed so as to render the rich text entered on page 1 in page 2 instead of the html syntax.

Any other solutions using formsite and any other richtextarea solutions would be great too!

If I have a javascript var in a webpage(html form textarea VALUE - yui) that contains html code, and want to appear it, in confirmformpage.php, then how to transfer it...? is it really needed go via PHP ...? and ofcourse use innerHTML to write it....yes

I usually use an intermitened processform.php script.
http://developer.yahoo.com/yui/editor

HI,

i know this must be old js because 'language' is deprecated but, I would like to know where this script gets the word 'Name:' from for the output after I entered dat to the textbox.

Code:

<HTML>
<HEAD>

<script language="javascript">
<!--

function send_onclick(frmName)	{

		var bolSubmit;
		bolSubmit = true;
	
		if (frmName.email.value == "") {
			alert("You must enter an email address");
			bolSubmit = false;
			}
		
		if (bolSubmit == true) {			
			frmName.submit(frmName); 			
			}
	}

//-->
</script>

</HEAD>
<BODY>

<form name="frmName" method="post" action="validate.asp">

	Enter your name in the text box.  If nothing is entered, a warning 
	message will be displayed.  <br>Only when you enter something into the 
	text box will the page be submitted. <br><br>

	Please enter your name : <INPUT TYPE="TEXT" name="email" size="20"><br>

	
	<INPUT TYPE="button" name="butSent" value="Do it" language="javascript" onclick="return send_onclick(frmName)">

</form>

 Name  : d

</BODY>
</HTML>

I guess its from the 'name' of name='email' but how does it do it. Is this next part grabbing everything that was submitted as if a key/value pair?

Code:

if (bolSubmit == true) {			
			frmName.submit(frmName); 			
			}

bazz

I am trying to use "&&" like in PHP, but JavaScript doesn't like it:

Code:

if (document.forms["form"]["30"].value == "" && document.forms["form"]["32"].value == "") {foobar;}

So, if both these conditions are true, then foobar.

Does anyone know why it doesn't work?

Can you please take a look at this and tell me why it is not getting all the way thru the function and why this is not working totally.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>

<script type="text/javascript">
function cabFair(start, end, time){
var base = 0;
if (start = 1){
if (end = 1){
base = 5;
}if (end = 2) {
base = 7;
}base = 8;
}if (start = 2){
if (end = 1){
base = 7;
}if (end = 2) {
base = 5;
}base = 9;
}if (end = 1){
base = 8;
}if (end = 2) {
base = 9;
}base = 5;
//return(base);

if (time > 20){
time1 = (time - 20);
time2 = (time1 * (.3));
finalTime = (time2 + 10);
}if (time > 10 && time <= 20){
time1 = (time - 10);
time2 = (time1 * (.4));
finalTime = (time2 + 6);
}if (time >4 && time <= 10){
time1 = (time - 4);
time2 = (time1 * (.5));
finalTime = (time2 + 3);
}finalTime = (time * .75);
var fare = finalTime + base;
return fare
}

</script>
</head>
<body>
<script type="text/javascript">
//Ask user for input
var start = parseInt(prompt("Enter the Starting Point", "1"));
var end = parseInt(prompt("Enter the Ending Point", "2"));
var time = parseInt(prompt("Enter the Total Time", "4"));
//output for information
document.writeln(cabFair(start, end, time)
+ " Is the Total Fare.");

</script>
</body>
</html>

hi
jus want to ask why is the else not working in the showmore and showless function
i have two div which shld conduct the same way of working which is to show the rest of the text with the show more and min the text with the show less function
anyone know what my mistake is?

Code:

function showmore() {
 if (document.getElementById("mydiv1") ){
document.getElementById("mydiv1").innerHTML = "";
document.getElementById("mydiv1").innerHTML = txt1 + "<font color = '#0000FF' size = '1'><a onclick='showless();return false'>.....read less</a>";txt1;
}
else {
document.getElementById("mydiv").innerHTML = "";
document.getElementById("mydiv").innerHTML = txt + "<font color = '#0000FF' size = '1'><a onclick='showless();return false'>.....read less</a>";txt;
}
}

function showless() {

 if (document.getElementById("mydiv1")){
document.getElementById("mydiv1").innerHTML = shorttxt1 + "<font color = '#0000FF' size = '1'><a onclick='showmore();return false'>.....read more</a>";
}
else {
document.getElementById("mydiv").innerHTML = shorttxt + "<font color = '#0000FF' size = '1'><a onclick='showmore();return false'>.....read more</a>";
}
}

thanks
Reply asap!!!

check out this page http://qa-www.inmarkit.net/cu.php (you might see an ERROR like "Notice: Undefined index: SCRIPT_URI ... on line 23" THAT'S FINE - that page sets a cookie to allow you to see the header with login on homepage)

then go to the homepage: http://qa-www.inmarkit.net/

and try to click on "Log In" in top right corner

a overlay with iFrame opens IE7 but not in IE8

can anyone point me in the right direction...

what's the right way to handle something like this? approach? steps? techniques? tools?

Thank you...
PS Looking for general advise - but perhaps you are up to the challenge and see the exact cause?

I think that if there is more space between the columns that it would be easier to read, but whatever I try is not working. Just putting tabs between them is my latest idea, however, the space is not all that big. Is it possible that I have entered it wrong?

Thank you, the code is below:

<html>


<head>
<title>Exercise</title>
<script type = "text/javascript">
<!--
var row = 0;
var cols = 0;
var sum = (row + 1);

if (row ==0)
{
document.write("sum &nbsp square &nbsp cube");
document.write("<br>");
row++;
}

while((row >= 0) && (row <= 11))
{
document.write(row + "\t" + (row * row) + "\t" + (row * row * row));
document.write("<br>");
row++;
}


// -->
</script>
</head>
<body>
<p>what? seriously, this is working?</p>
</body>

</html>

Script::.
Code:

<script language="javascript">
function temp(form)
{
	oops = "";
    var sum = 0;
        var fld = (form.level.value);
		var val = fld.value.replace(/\s/g, "" );
		if ( val != "")
		{
			var deg = parseFloat(fld.value);
            if ( isNaN(deg) || deg < 0)
			 {
                fld.value = "0";
                oops += "\nInvalid Level";
            } else if ( deg != 0 ) {
                sum += Math.pow( deg, 3 );}
		}
		if ( oops != "" )
    {
        alert("You must correct these errors:\n" + oops);
        return false;
    }
       form.totalexp.value = sum ;
}
</script>

Html::.
Code:

<form style="text-align:center">
<p>Level</p>
<p><input size=30 maxlength=30 value=0 name="level" onfocus="this.value=''"/></p>
<input type=button onclick=temp(this.form) value=Calculate /> 
<input type=reset name=clear id=clear value=Clear /></p>
<blockquote><p>Total Exp <input name="totalexp" size=40 maxlength=40 readonly=""/></p></blockquote></form>

Can someone help me. Whats wrong with my js code and i am noob to J.S.
Your help is most appreciated.

This is not working, any idea ?

Code:

function respuestas1() {
	var radios=document.getElementsByTagName("input");
	var values;
	for (var i=0; i<radios.length; i++) {
		if (radios[i].type==="radio" && radios[i].checked) {
			values=radios[i].value;
			sum = 0;
			for (var i=0; i<values.length; i++) {
				sum = sum + Number(values[i]);
				alert(sum);
			}
		}
	}
}

Won't validate help...pasor error?
Wtf i suck at this.

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!--Prolog Above-->
<!--dataset is the name of the Root Element-->
<!--Artist, Album, and, Publisher are the names of the namespaces, Ar, Al, and, Pu are the prefixes-->
<dataset xmlns:Al="Album" xmlns:Ar="Artist" xmlns:Pu="Publisher" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<!--Elements, blank text is data-->
<dataset>
<Al:Album>
	<Al:Album ID ="">
		<Al:Genre =""></Al:Genre>
		<Al:AmountSold =""></Al:AmountSold>
		<Al:PublishDate =""></Al:PublishDate>
		<Al:Artist =""></Al:Artist>
	</Al:Album>
</Al:Album>
<Ar:Artist>
	<Ar:Artist ID ="">
		<Ar:Awards =""></Ar:Awards>
		<Ar:Location =""></Ar:Location>
		<Ar:Region =""></Ar:Region>
		<Ar:LabelID =""></Ar:LabelID>
	</Ar:Artist>
</Ar:Artist>
<Pu:Publisher>
	<Pu:Publisher ID ="">
		<Pu:AmountSold =""></Pu:AmountSold>
		<Pu:Artist = ""></Pu:Artist>
		<Pu:PublishDate =""></Pu:PublishDate>
		<Pu:Manager = ""></Pu:Manager>
	</Pu:Publisher>
</Pu:Publisher>
</dataset>