DaniWeb IT Discussion Community - JavaScript / DHTML / AJAX http://www.daniweb.com/forums/ en-US Sat, 21 Nov 2009 02:48:47 GMT vBulletin 60 http://www.daniweb.com/alphaimages/misc/rss.jpg DaniWeb IT Discussion Community - JavaScript / DHTML / AJAX http://www.daniweb.com/forums/ Need a little help with delivery date http://www.daniweb.com/forums/thread240104.html Fri, 20 Nov 2009 22:09:25 GMT the problem I am having is in getting my page to produce an expected delivery date. The calculation function is working fine. I want to use the same id to figure out when the product will be delivered. I know my second set of if statements is wrong but I cant figure out how to take my current date... the problem I am having is in getting my page to produce an expected delivery date. The calculation function is working fine. I want to use the same id to figure out when the product will be delivered. I know my second set of if statements is wrong but I cant figure out how to take my current date and add days to it and have it output the delivery date. This is not a homework assignment. It is a practice for our final and I know the instructor is going to include it. Any help will be appreciated.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 

<HTML><HEAD><TITLE>New Page 1</TITLE>

<META http-equiv=Content-Language content=en-us>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<META content="MSHTML 6.00.2900.3492" name=GENERATOR>

<META content=FrontPage.Editor.Document name=ProgId>

 

 

 

 

<script> 

 

        //function getTax()

        //{

                //alert("get tax function");

        //}

 

        function calculatePrice()

        {

                        //alert("inside calculate price");

                                var inPrice = parseFloat( document.getElementById("price").value);

                                        //alert(inPrice);

                                

                                var inQuantity = (document.getElementById("quantity").value);

                                        //alert(inQuantity);        

                                var shipping = parseFloat( document.getElementById("shipping").value);

                                var inTax = parseFloat( document.getElementById("state").value);

                                        //alert(inTax);

                                var state;        

                                var totalPrice;  

                                

                                        //alert(document.getElementById("state").selectedIndex);

                                

                                if(document.getElementById("state").selectedIndex==0)

                                {

                                        state = 0.06;

                                        //document.getElementById("state").option[0].value;

                                 // alert("Iowa 0.06");

                                }

                                

                                if(document.getElementById("state").selectedIndex==1)

                                {

                                        state = 0.085;

                                        //alert("Illinois 0.085");

                                }

                                

                                if(document.getElementById("state").selectedIndex==2)

                                {

                                        state = 0.7;

                                        //alert("Indiana 0.7");

                                }

                                

                                if(document.getElementById("state").selectedIndex==3)

                                {

                                        state = 0;

                                        //alert("Other");

                                }

                                

                                var shipping = parseFloat( document.getElementById("shipping").value);

                                        //alert(shipping);        

                                

                                if(document.getElementById("shipping").selectedIndex==0)

                                {

                                        shipping = 0.02;

                                        //alert("standard ups 0.02");

                                }

                                

                                if(document.getElementById("shipping").selectedIndex==1)

                                {

                                        shipping = 0.01;

                                        //alert("US Mail 0.01");

                                }

                                

                                if(document.getElementById("shipping").selectedIndex==2)

                                {

                                        shipping = 0.05;

                                        //alert("Overnight 0.05");

                                }

                                

                                if(document.getElementById("shipping").selectedIndex==3)

                                {

                                        shipping = 0;

                                        //alert("Pick up no charge");

                                }

                                

                                

                                 inTax = inPrice * state ;

                                 //alert(inTax);

                                 totalPrice = inTax + (inPrice * shipping) + inPrice ;

                                 document.getElementById("total").value = totalPrice;

                                 //alert("intax" + inTax + "qty" + inQuantity + "del" + shipping)

                                 

                                 var now = new date()

                                 var expectedDate 

                                if(document.getElementById("shipping").selectedIndex==0)

                                {

                                         now + 3;

                                        //document.getElementById("state").option[0].value;

                                  alert("option 1");

                                }

                                

                                if(document.getElementById("shipping").selectedIndex==1)

                                {

                                         now + 5;

                                        alert("option 2");

                                }

                                

                                if(document.getElementById("shipping").selectedIndex==2)

                                {

                                         now + 1;

                                        alert("option 3");

                                }

                                

                                if(document.getElementById("shipping").selectedIndex==3)

                                {

                                         now;

                                        alert("get it yourself");

                                        

                                }

                                

                                document.getElementById("delivery").value = ExpectedDate;

 

 

 

 

        }

</script>

</HEAD>

<BODY text=#330000 bgColor=#00ccff ;>

<H1 align=center>Calculate Your Order</H1>

<FORM name=frmProd  method=GET>

<P>Price: <input type="text" name="price" value="" id="price" /></P>

<P>Quantity: <SELECT size=1 type="text" name="quantity" id="quantity" /> <OPTION value=1 selected>1</OPTION> 

     <OPTION value=2>2</OPTION> <OPTION value=3>3</OPTION> &nbsp;</SELECT></P>

<P>State: <SELECT size=1 type = "text" name="state" id = "state"  onChange ="getTax()"/> 

        <OPTION selected value=0.06>Iowa</OPTION>

        <OPTION value=0.085 >Illinois</OPTION>                      

    <OPTION value=0.7>Indiana</OPTION> 

    <OPTION  value=0>Other</OPTION> &nbsp;</SELECT></P>

<P>Delivery <SELECT size=1 name=shipping id="shipping"> 

        <OPTION value=0.02 selected>Standard UPS - 3 Days</OPTION>         

    <OPTION value=0.01>US Mail - 5 Days</OPTION>

    <OPTION value=0.05>Overnight - 1 Day</OPTION> 

    <OPTION value=0>Pickup</OPTION>

   </SELECT><BR>Method:</P>

<P>Your Total is: <INPUT value=0.00 name="total" id = "total" /></P>

<P>Expected Delivery Date:        

  <input type="text" name="delivery" id="delivery">

</P>

<P><INPUT type="button" name = "button" id = "button" value="Calculate My Order Now!"  onclick = "calculatePrice()" name=btnSubmit></P></FORM></BODY></HTML>
]]> JavaScript / DHTML / AJAX carlcarman http://www.daniweb.com/forums/thread240104.html Annoying javascript error in homepage http://www.daniweb.com/forums/thread240091.html Fri, 20 Nov 2009 21:01:26 GMT Hi, I have a javascript error in my home page. Which is annoying. I am having hard time debugging it. Please help. www.dealpigeon.com FF is not showing it. IE7, 8 shows the error. I just launched the website and I do not want users noticing an error. Thanks in advance. Hi,

I have a javascript error in my home page.
Which is annoying. I am having hard time debugging it.
Please help. www.dealpigeon.com

FF is not showing it. IE7, 8 shows the error. I just launched the website and I do not want users noticing an error.

Thanks in advance. ]]> JavaScript / DHTML / AJAX omsoni http://www.daniweb.com/forums/thread240091.html Conflicting javascripts http://www.daniweb.com/forums/thread240062.html Fri, 20 Nov 2009 18:33:24 GMT Okay I have an issue....I have two things I want to happen on the same page....I have a slide in menu (Jquery contact form) where people can write me an email and a FancyBox gallery.. But these two javascripts wont play nice...if both are enable as they are now, The contact portion work fine but... Okay I have an issue....I have two things I want to happen on the same page....I have a slide in menu (Jquery contact form) where people can write me an email and a FancyBox gallery..

But these two javascripts wont play nice...if both are enable as they are now, The contact portion work fine but the images opens in an empty browser window instead of the fancyBox style.

The Code
Contact Javascript
 $(document).ready(function(){

                                                                          

                $("#contactLink").click(function(){                                                 

                    if ($("#contactForm").is(":hidden")){

                        $("#contactForm").slideDown("slow");

                    }

                    else{

                        $("#contactForm").slideUp("slow");

                    }

                });

            });

         

             function closeForm(){

                $("#messageSent").show("slow");

                 setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);

           }

The FancyBox Code
$(document).ready(function() {

                        $("a.zoom").fancybox();



                        $("a.zoom1").fancybox({

                                'overlayOpacity'        :        0.7,

                                'overlayColor'                :        '#FFF'

                        });



                        $("a.zoom2").fancybox({

                                'zoomSpeedIn'                :        500,

                                'zoomSpeedOut'                :        500

                        });

                });

Any suggestions would be greatly appreciated =) ]]> JavaScript / DHTML / AJAX neogy http://www.daniweb.com/forums/thread240062.html Problem After Prompt-Button Results http://www.daniweb.com/forums/thread240028.html Fri, 20 Nov 2009 14:44:16 GMT Thanks for viewing. To be perfectly honest, this is (in part) for school. the project is to write a script to prompt for a temperature in Fahrenheit and output the Celsius equivilant.
I'm ahead in my school work, and so decided to take my time and have some fun with this. Here is my code:

<html>

        <head> <title>Temperature Converter</title> </head>



        <body>

        <br>

        <center><h2>Temperature Conversion</h2></center>

                <br><br>

                <script type = "text/javascript">



                function f2c() 

{

                var f=prompt("What Temperature?"," ");

                if (f!=null && f!=" ")

        {

                        var c= (5/9)*(f-32)

                        document.write (f + " Fahrenhiet is equal to " + c + " Celsius.");

        }

}

                function c2f() 

{

                var c=prompt("What Temperature?"," ");

                if (c!=null && c!=" ")

        {

                        var f= ((9/5)*c)+32

                        document.write (c + " Celsius is equal to " + f + " Fahrenheit.");

        }

}

        </script>

        <center><input type="button" onclick="f2c()" value="Fahrenheit to Celsius"/></center>

        <center><input type="button" onclick="c2f()" value="Celsius to Fahrenheit"/></center>

        </body>

</html>

I have some c++ and logo experience, and understand programming structure, butHTML is a bit new to me. WhenI run this file as HTML it all works great, but what I would like to do next is: After you get your results displayed, have a link or button you can click to "start over", bring you back to the start page without having to hit 'back' on your browser.
I will provide a link to the site this lab is posted on for anybody who would like to confirm what I said in the beginning.
Thanks ]]> JavaScript / DHTML / AJAX firehazrd0 http://www.daniweb.com/forums/thread240028.html Light Box Not Working. http://www.daniweb.com/forums/thread239896.html Fri, 20 Nov 2009 03:02:08 GMT Hi,

I'm trying to apply light box effect. When the user click on the thumbnail size photo, it will pop up a bigger want and then the background will all blackout...... It's just not working and the the imgage won't show up at all.

Hope someone can point out my mistakes. tks.

Here's my 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" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script src="jquery-1.3.2.js" type="text/javascript"></script>

<title>Javascript test</title>

<script language="javascript">

document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';

</script>

<style type="text/css">



body {

margin: 0;

padding-left: 200px;

padding-right: 190px;

min-width: 240px;

}



#header, #footer {

margin-left: -200px;

margin-right: -190px;

}



.column {

position: relative;

float: left;

}



#center {

padding: 0 20px;

width: 100%;

}



#left {

width: 180px;

padding: 65px 10px;

right: 240px;

margin-left: -100%;

}



#right {

width: 130px;

padding: 0 10px;

margin-right: -100%;

}



#footer {

clear: both;

}



# buffer {

padding: 35px 0; }



#content-main {

margin-top: 85px;

margin-left: 100px;





* html #left {

left: 150px;

}





table { border: 1px solid #ffffff;

border-spacing: 2px;

margin-left: auto;

margin-right: auto;

padding: 2px;

width: 95%; }



td { border: 1 px solid #808080;

margin : 2px;

padding : 1px;

}



.black_overlay{

position: relative;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: black;

z-index: 1001;

-moz-opacity: 0.8;

opacity:.80;

filter: alpha(opacity=80);

}



.white_content {

position: relative;

top: 25%;

left: 25%;

width: 100%;

height: 100%;

padding: 16px;

border: 16px solid orange;

background-color: white;

overflow: auto;





</style>

</head>



<body>



<div id="header">This is the header.</div>

<div id="center" class="column">

<div id="content-main">

<div id="buffer"></div>

<table>

<tr>

<td>

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><img src="CIMG0600.JPG"alt="1"height="200" width="200"></a>

<div id="light" class="white_content"><img src="CIMG0600.JPG"alt="1"height="100" width="100"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"></a></div>

<div id="fade" class="black_overlay"></div>

</body>

</html>



<td><img src="CIMG0627.JPG"alt="1"height="100" width="100"></td>

<td><img src="CIMG1014.JPG"alt="1"height="100" width="100"></td>

<td><img src="CIMG1429.JPG"alt="1"height="100" width="100"></td>

</tr>

<td><img src="CIMG0500.JPG"alt="1"height="100" width="100"></td>

<td><img src="CIMG1020.JPG"alt="1"height="100" width="100"></td>

<td><img src="CIMG0710.JPG"alt="1"height="100" width="100"></td>

<td><img src="CIMG0616.JPG"alt="1"height="100" width="100"></td>

</table>

</div>

<div id="left" class="column">

<h2>About Us</h2>

<p></p>

</br><h3>Our products & services:</h3>

</div>

<div id="right" class="column">

<p></p>

</div>

<div id="footer">

</div>

</body>

</html>
]]> JavaScript / DHTML / AJAX tangara http://www.daniweb.com/forums/thread239896.html Make a button Visibile based on form field value http://www.daniweb.com/forums/thread239875.html Fri, 20 Nov 2009 00:45:15 GMT
]]> JavaScript / DHTML / AJAX Nuttdude http://www.daniweb.com/forums/thread239875.html CSS drop down menu being covered in IE 7 http://www.daniweb.com/forums/thread239777.html Thu, 19 Nov 2009 15:17:18 GMT Hi - I have a css drop down menu that hides behind a javascript photo gallery (in the main area of the page) in IE7. Not quite sure what to make of it. Any and all help is appreciated!! thanks Hi -

I have a css drop down menu that hides behind a javascript photo gallery (in the main area of the page) in IE7. Not quite sure what to make of it. Any and all help is appreciated!!


thanks
]]> JavaScript / DHTML / AJAX antr25 http://www.daniweb.com/forums/thread239777.html creating dynamic form using javascript http://www.daniweb.com/forums/thread239773.html Thu, 19 Nov 2009 14:51:46 GMT i'm still a newbie in javascript. i know this question may be silly for some experts in javascript. and i'm sorry for that :(

i want to create a dynamic form using javascript, where i can click a button to add some new fields. i tried to search it in google, and i tried to use it. but it doesn't work in mozilla and gave error warning in IE. can someone help me in creating that dynamic form, or maybe you can give me some links that give explanation about that.

thx so much,
AG ]]> JavaScript / DHTML / AJAX AirGear http://www.daniweb.com/forums/thread239773.html Design an oracle for the following JavaScript function http://www.daniweb.com/forums/thread239774.html Thu, 19 Nov 2009 14:15:13 GMT Design an oracle for the following JavaScript function. 2. Generate a test case set for this function and provide a coverage analysis report for your test case set. The JavaScript function: function purchaseSong(username, password, songId) { // first authenticate the user if... Design an oracle for the following JavaScript function.
2. Generate a test case set for this function and provide a coverage analysis report for your test case set.

The JavaScript function: 
function purchaseSong(username, password, songId) {

 

  // first authenticate the user

  if (checkCredentials(username, password) == false) {

    alert('The username or password is incorrect.');

    return;

  }

 

  // get the price of the song

  var songPrice = getSongPrice(songId);

 

  // make sure the user has enough money in his account

  if (getAccountBalance(username) < songPrice) {

    alert('You do not have enough money in your account.');

    return;

  }

 

  // debit the user's account

  debitAccount(username, songPrice);

 

  // start downloading the song to the client machine

  downloadSong(songId);

}
Notice: You may note that the user could be malicious and try to modify the JavaScript. Your oracle and test case should reflect this fact. ]]> JavaScript / DHTML / AJAX Gatayo http://www.daniweb.com/forums/thread239774.html jQuery - unbind hyperlink click http://www.daniweb.com/forums/thread239751.html Thu, 19 Nov 2009 13:39:02 GMT
...]]> Hi

im messing around with some jQuery and want to disable a link whilst it performs a ajax post (its adding/fetching somthing from a database) and i want to disable the link so it cant be multiclickd.

<a href=\"#\" id=\"seepages\">See Page</a>

ive tried using 

$("#seepages").unbind('click');

but that dosnt work! =(
how ever when i tried this

$("#seepages").unbind('click');

$("#seepages").attr("id", "disabled");

that works! but using either one of them by them self doesn't - work but why?

any advice/tips would be useful! thanks in advance =)

edit:
i should also have said that i have to use:
$("#disabled").attr("id", "seepages"); 

$("#disabled").bind('click');

to enable it again
]]> JavaScript / DHTML / AJAX OnIIcE http://www.daniweb.com/forums/thread239751.html Ajax Implementation on Project http://www.daniweb.com/forums/thread239647.html Thu, 19 Nov 2009 05:22:44 GMT Hello All, I work on PL/SQL web applications with oracle Application Server. I wish to start using some of Ajax features in my applications. Do I need to perform any application/db server side configuration changes to accommodate Ajax implementations? Your suggestions will be of great help to... Hello All,

I work on PL/SQL web applications with oracle Application Server. I wish to start using some of Ajax features in my applications. Do I need to perform any application/db server side configuration changes to accommodate Ajax implementations?
Your suggestions will be of great help to me.

Thanks in advance
]]> JavaScript / DHTML / AJAX skulkar http://www.daniweb.com/forums/thread239647.html help.form page. no inner html http://www.daniweb.com/forums/thread239547.html Wed, 18 Nov 2009 20:23:51 GMT I'm trying to use javascript with NO Innerhtml. i am very new to javascript and i need a little help completing this form. the code i have so far to create a form page is just below this message.

How do i create a code when focused the text fields should offer a hint to the right of the text field that indicates how the user should input data??

When unfocused, the validateData() function should be called.

also how do i create my 2 survey questions a radio buttons??


<script type="text/javascript">

function assignHandlers()

{

                document.getElementById("fname").onblur = function()

                {



                        if (document.forms[0].fname.value !="")

                        alert(document.forms[0].fname.value);

                                                        }

                                                

}



window.onload=assignHandlers;

                </script>



</head>



<body>

<form>



<fieldset><legend>User Info</legend>

<label for="fname">First name</label><input type="text" name="fname" id="fname" />

<br/>







<label for="lname">Last name</label><input type="text" name="lname" /> <br/>

<label for="email">email</label><input type="text" name="email" /> <br/>

<label for="phone">Phone Number</label><input type="text" name="phone" /> <br/>

<label for="url">Sulley Website</label><input type="text" name="url" /> <br/>

</fieldset>



<fieldset><legend> Survey</legend>



<label for="question1">Do you drink alcohol?</label>

<input type="radio" name="question1" value="true" />True

<input type="radio" name="question1" value="false" />False <br/>



<label for="question2"> Do you have a DUI?</label>

<input type="radio" name="question2" value="true" />True

<input type="radio" name="question2" value="false" />False <br/>

</fieldset>



<input type="submit" name="submit" value="Submit!" />

</form>





</body>
]]> JavaScript / DHTML / AJAX dmmajorstudent http://www.daniweb.com/forums/thread239547.html Classes and Objects http://www.daniweb.com/forums/thread239475.html Wed, 18 Nov 2009 14:51:06 GMT Hey there everyone
I'm a bit troubled with something I'm trying to construct, I'm trying to create an object that can reproduce itself, creating more objects that can be accessed also, to reproduce themselves. Each object would then be given a random name like: object1, object2 so they can be accessed to create object3, object4, object5 and object6.

I've come up with the following code, which has some segments that you might find weird but those are just testing.

function cMicrobe() {

        var prInterval = 1.2;

        var prNumber = 1;

        

    this.puX = 50;

    this.puY = 50;

    

    this.move = function() {

        this.puX += Math.floor(Math.random()*11);

        this.puY += Math.floor(Math.random()*11);

    }

    

    this.reproduce = function(name) {

                prNumber += prNumber;

                

                name = new cMicrobe();

        }

        

        this.report = function() {

                document.write("x: " + this.puX + "<br />y: " + this.puY + "<br /> <br />");

        }

}



oMicrobe = new cMicrobe();

oMicrobe.report();

oMicrobe.move();

oMicrobe.report();





oMicrobe.reproduce("test");

test.report();

I'm quite stuck here, I don't know the keywords to search on Google for this so I can't figure out how I can make an additional object, named test. If I can make test I can make object2, etc.

I'd appreciate some help on this,
thanks ]]> JavaScript / DHTML / AJAX brechtjah http://www.daniweb.com/forums/thread239475.html grey out the page while showing the loading image http://www.daniweb.com/forums/thread239468.html Wed, 18 Nov 2009 14:18:48 GMT Hi friends, I need to do this: Scroll down the scroll bar grey out all my page and show a loading gif load, thru ajax, content from the db server turn off grey and loading gif update current page content. how can i do this without using jQuery? Hi friends,

I need to do this:
Scroll down the scroll bar
grey out all my page and show a loading gif
load, thru ajax, content from the db server
turn off grey and loading gif
update current page content.

how can i do this without using jQuery?

Many thanks in advance ]]> JavaScript / DHTML / AJAX gk0110 http://www.daniweb.com/forums/thread239468.html Script Not Working in Other Browser except IE http://www.daniweb.com/forums/thread239465.html Wed, 18 Nov 2009 14:10:33 GMT Dear All Experts I wrote a simple code in javascript and it is working fine with IE but when I open the page in FireFox or in Google Crome it is not working as I expect. Actually I am enabling and disabling the combo box on the on change event of radio button. Please check the code attached... Dear All Experts

I wrote a simple code in javascript and it is working fine with IE but when I open the page in FireFox or in Google Crome it is not working as I expect. Actually I am enabling and disabling the combo box on the on change event of radio button.

Please check the code attached here. And visit my site for output
www.crispwerx.com/catasset

Thanx to all viewer and helper
Attached Files
File Type: php index.php (2.5 KB)
]]> JavaScript / DHTML / AJAX vishalonne http://www.daniweb.com/forums/thread239465.html Are jquery pagination are reliable with large data http://www.daniweb.com/forums/thread239451.html Wed, 18 Nov 2009 13:24:33 GMT http://www.d-scribe.de/webtools/jque...mo_options.htm

these type of jquery pagination are riable for large data...???
where query doesnt need 'limit' in it..!!!

thanks ]]> JavaScript / DHTML / AJAX sam023 http://www.daniweb.com/forums/thread239451.html how we can change symbol in password field in javascript? http://www.daniweb.com/forums/thread239421.html Wed, 18 Nov 2009 10:46:53 GMT Friends , I wana know that how we can change text symbol in password field by using JavaScript. I mean by default there is filled circle , but I want "*" this symbol. ]]> JavaScript / DHTML / AJAX lakodajin http://www.daniweb.com/forums/thread239421.html problem with setting input text value http://www.daniweb.com/forums/thread239401.html Wed, 18 Nov 2009 09:24:32 GMT
Hi !!
i faced problem with javascript. When I call function change() it applies only second element that is link2. I wanted when i click the link, the link name must appear to textfield.can anyone help??

here is code:
<html>

<body>

<form>

<a id="static" href="staticContentAdmin.ioml">link1</a></br>

<a id="static" href="staticContentAdmin.ioml">link2</a></br>

<input type="text" id="spec" name="content"/>

</form>

<script>

        var a = document.getElementsByTagName("a");

        for(var i=0;i<a.length;i++){

                        a[i].href="#";

                        var ale = a[i].innerHTML;

                        a[i].onclick =change(ale);

        }

        

        function change(object){

                var inputobj = document.getElementById("spec"); 

                inputobj.value = object;

        }

</script>

</body>

</html>
]]> JavaScript / DHTML / AJAX samlabs821 http://www.daniweb.com/forums/thread239401.html onclick function is not working (plz help) http://www.daniweb.com/forums/thread239389.html Wed, 18 Nov 2009 07:55:36 GMT My simple calculator