DaniWeb IT Discussion Community - JavaScript / DHTML / AJAX

JavaScript Not Working When Included Elsewhere

rosstafarian — Tue, 18 Jun 2013 22:00:28 +0000

I have a script which is a simple HTML/JS contact form. The site is based on Joomla. Specifically, one of the YooTheme Templates. It is also running WidgetKit.

I have had issues before which have been solved on here which were to do with my script including JS and WidgetKit including JS.

I removed my JS inclusion.

However, now the JS does not actually work on my script. The form gets emailed without validation.

The script works when not put into Joomla, IE, in its own PHP file so i know the code is ok.

It just does not work when added to Joomla. I suspect its some kind of conflict.

What i need is for the JS to validate the form AND send the email. At the moment it just sends the email.

Here is the code i have at the moment:


http://www.w3.org/1999/xhtml">













Get A Quote



Title:

First name:

Surname:

Gender:

Contact Number:

Email:

Postcode:

Date of birth:



Insurance Type:

Start Date:



Where did you hear about us:

I have tried the "var $j = jQuery.noConflict();" Trick but to no avail.

Any help would be appreciated.

More/Less menu

edwin.thomson1 — Tue, 18 Jun 2013 12:44:42 +0000

I want vertical menu with More or Less option same like in http://www.bayt.com/en/international/jobs/

I tried to find out.. but no luck..

It almost like a memory leak. Not sure what is going on!

matthewl6970 — Sun, 16 Jun 2013 03:38:05 +0000

When I try to use the token data it acts like it is out of scope or it leaked. I have tested this in firefox and cannot figure out what is happening. If you could help me understand why it fails to return the token please feel free to reply.

the code that retreives the token:

$(function() {
    var request = $.ajax({
        type: "GET",
        cache: false,
        data: {v: 1, r: 'requestToken', apikey: 'root', secret: 'root'},
        url: "/vdesktop/deskapi/",
        dataType: "json",

    });
    request.done(function(data) {
        if (data.statusCode == 1) {
                $token = data.response;
                $(document.body).data("token", data.response);
            } else{
                alert("Error: ("+data.statusCode+") "+data.response);
            }
    });
    request.fail(function(jqXHR, textStatus) {
        alert("Error: "+textStatus);
    });
    alert($(document.body).data("token"));
});

An example resultset from the server:
{"statusCode": 1, "response": "1fa8997a0cb5062144b25c1ff917a5f293bee88b62cd4f99aca26fda12515372" }

Problem with ajax requests multiplying when just clicked once.

Olyboy16 — Sat, 15 Jun 2013 08:37:11 +0000

I have a page with a list of users. Every time i click on a username a div will be loaded via ajax, and this div will contain the user details plus another ajax link that will be used to display a floating div that will contain a form to send a message to the user.
The first time i load the user everything will be going just fine, and when i click on the "send a private message to the user" link just one request will be triggered.
If i load then another user (or the same user) when i click on the "send a message" link two request will be triggered, and then 3, and then 4 and so on. Please, i'm a new poster and posting on mobile cos its urgent so the code wont be easy to post. But i hope the problem has been well explained. Please people help!

jQuery not finding control id's

while(!success) — Sat, 15 Jun 2013 07:45:13 +0000

Hey guys,

I've been tearing my hair out for some time trying to figure out why my jquery has suddenly stopped working. The
jquery script that I have written is fairly simple:

$(document).ready(function () {
    $("#pTab").addClass("active");

    $("#pBtn").click(function () {
        $("#pTab").addClass("active");
        $("#gTab").removeClass("active");
    });

    $("#gBtn").click(function () {
        $("#gTab").addClass("active");
        $("#pTab").removeClass("active");
    });
});

I reference this file as such:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="project.Default" %>

    
     Home 


    
        
            
                Tab 1
            
            
                Tab 2

There are no errors when parsing firebug and the thing that really throws me off is that I have jquery working fine on a different page for the same project. I've doubled checked my file path for the js file and double checked the id's. I have no idea what else it could be, if you could help it would be much appreciated. Thank you for your time and help regarding this matter.

A little and simple help required please

hallianonline — Fri, 14 Jun 2013 22:01:53 +0000

Hello

I need a little animation on my websitewith jquery

I have two text divs (Text 1 and Text 2) of same size now i want to animate them

I want to display the Text 1 for 10 seconds and then it will fade out permanently and only display Text 2 permanently with Fadein function how it will be possible?

Problem with Isotope.js

dekimpebart — Thu, 13 Jun 2013 12:28:58 +0000

Hello,
I’m trying to make a infinite scrolling gallery. I’ve managed to get the data trough ajax and the infinite-part works perfectly. Only when I apply Isotope http://isotope.metafizzy.co/index.html to make it look good it won’t apply the css and the pictures just come behind the ones that are already there.
My script is this:

    $(document).ready(function(){
  var page = 1;
  $('#result').isotope();
  $(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       $.get(baseurl + "gallerij/getAfbeeldingen/" + page ,  function(data){

          $('#result').append(data).isotope('appended', data);



        }); 
   }

  });




});

The html blocks I get from ajax looks like this:

I’ve tried to do $(‘#result’).isotope(“reLayout”); but it won’t work

getAfbeeldingen:

public function getAfbeeldingen($page)
        {


        $requested_page = $this->input->post('page_num');
        p($page, 'bartjeeuhh');
        $limit = (($page - 1) * 12);
        $offset = 12;
        $afbeeldingen = $this->gallerij_model->getAfbeeldingen($offset, $limit);


        $html = '';
        foreach($afbeeldingen as $afbeelding)
        {
            $html .= "";
            $html .= "Pad) ."'/>";
            $html .= "
Testje";
        }

        $this->output->set_output($html);


    }

add a link to selected datepicker date

coderBie — Wed, 12 Jun 2013 21:07:52 +0000

Hello,

Selecting date is working fine.
When I select a date, I want another link to come up. For example, If I select September 2020, I want to see page1.html, If I select September 2019, I want to see page2.html.

It is not working. Please help.

        http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        
            
            
            http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">

            
        
        

        

        Click here for my color

            


            Date :

Disable zoom in javascript

suavedesign — Wed, 12 Jun 2013 21:05:11 +0000

Hi,
I am creating a website using a predesigned template.
There is some javascript that enables the user to zoom in on an image. I dont know javascript, and I want to know how to disable the zoom for some images.
This is the link to my site:http://www.suavedesign.net/works.html
Please go to logos- there i want to disable the zoom, but keep it enabled for the images I will put under other tabs in the portfolio.
This is the code for the js:

What part of the code do I change to disable the zoom?
Thanks.

Google Maps Removing All Markers/Clusters

moone009 — Wed, 12 Jun 2013 19:51:59 +0000

I am brand new to web development just moved over from the database side and I am having a bear of a time trying to remove clusters in google maps. I've probably spent roughly 12 hours trying to research what is going on. Attached is my code all help is welcome. Can someone please take my attached code and actually write out the function to delete all markers?



  
    Remove an overlay
    
     Google Maps V3 API Sample
    
    
    
    
    
    
  
  
    
      
      
      
    
 
    Click on the map to add markers.

JQuery Validation script not executing

saurabh2007 — Tue, 11 Jun 2013 20:45:44 +0000

I am working with JQuery Validation plugin and am having trouble validating the form.
The following is a live version of my form: http://demcode.3eeweb.com/

The following is the code for my index.php file:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">

DemCodeLines





http://demcode.3eeweb.com/jquery.validate.css" />
http://demcode.3eeweb.com/main.css" />





email in the database: test7@gmail.com

        
            Full Name:
                
            

            Email:
                
            

            Password:
                
            

            Birthday:

The following is the code for my validate.php file:

setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
$emailInput = $_POST['signUpEmailName'];
if ($emailInput!="") {
    $result = $db->prepare('SELECT * FROM People WHERE email=?');
    $result->execute(array($emailInput));
}
echo (count($result->fetchAll()) != 0);
?>

The submit button works regardless of whether the data entered in the form is valid or not. The validation is not executing at all. More over, the validation for whether the email exists in the DB or not isn't working either.

What am I doing wrong?

Dynamic rows created with checkbox, only deletes if checkbox in first colum

Dimonai — Tue, 11 Jun 2013 16:58:49 +0000

Hello to everyone, my problem is, Im creating dynamacly rows in a table with a textfield and a checkbox, but to delete the rows the checkbox must be on the first column witch I dont get it, if I move the checkbox to the last column and press it, javascript associates that the checkbox is not checked! How can this be fixed? Do I need to loop through the elements of the row ?

This is the code to add a row:

This is the code to delete a row:

Count E-mails in textarea

tekagami — Mon, 10 Jun 2013 23:49:20 +0000

1) onkeyup send textarea values to script
2) converts textarea value to array
3) loops thru the array
4) uses regex to check if its an email address
5) changes inner html of recipient div

Jquery add and remove classes

davidjennings — Mon, 10 Jun 2013 20:30:32 +0000

Hi all I am trying to add a class selected to click area and a remove class in the hide area for the below jquery/javascript. Not really undstanding how it's added.

Thanks in advaance

Drop Down Menu Create.

mdomarfaruk — Mon, 10 Jun 2013 16:59:29 +0000

I am a new web designer of joomla . I can design a joomla site but not create a drop down menu . Pls any body help me.

Thanks
Faruk

Need help with onload and hidden Iframe

sonicx2218 — Mon, 10 Jun 2013 06:46:17 +0000

Had a question before that was partially solved. I'm having trouble getting just one part of it to work.

preload = new Element('iframe', {
                    'src': URL,
                     'id': mediaId,
                     width: mediaWidth,
                     height: mediaHeight,
                     scrolling : 'no',
                     'frameborder': 0
                    });
                preload.style.visibility = 'hidden'; 
                startEffect();
            }

So my issue is the preload.style.visibility = hidden.
I'm trying to make it so iframe is hidden until completed. I think Onload is the right command for that. So what is the equivalent to the preload.style.visibility = 'hidden'; line to get it to work? Thanks!

jQuery Toolbar Slide

Cravver — Mon, 10 Jun 2013 02:55:14 +0000

Is there a way to make a bottom toolbar slider like on this site:
http://www.complex.com/
look at the bottom bar and click the arrows and it slide is there a way to do that?

jquery not working

vishal.du123 — Sun, 09 Jun 2013 14:25:09 +0000








  USA Seminars
  
    
      
        
           06/10/2013 Niskayuna, NY

              Advanced DNA 
            
              Return
                
                  Advanced DNA
                  Anana Integre
                  
                  
                
                
                
                  
                    
                      
                        Niskayuna, NY

                          Phone:

                          831-246-1790

                          Email:

                          miraclewrkr@gmail.com

                          Website:

                          http://www.thetahealingwitness.com">www.thetahealingwitness.com

                          Cost:

                          $ 575.00

                          Notes:

                          

                        Dates:

                          06/10/2013

                          06/12/2013

Web Server Client synchronization in javascript

Rasool Ahmed — Sun, 09 Jun 2013 09:53:27 +0000

Hello guys, I would like to know how client browser send data to server whithout refreshing the page (just like chat in facebook)?
I have searched in google but I found alot of tutorials but non of them told me what is the basic idea about web server client synchronization? what is the basic functions in javascript used to do this?
I just want to know what is the functions used to send and reseive data between client browser and server.

backbone - getting 2 collections in one query

SPeed_FANat1c — Sun, 09 Jun 2013 07:55:18 +0000

Hello,

lets say I have to collections - x and y. I know that - when first collection is updated, the second collection has new data and also needs to be updated.

So I now did x.fetch and y.fetcg which generates 2 ajax queries.

BUt such things when I used to do without backbone - I just send one quyery and it returrs 2 arrays.
I think its more optimal to use one query, becuase sending takes time. Of course thats not a big issue in my case, but still its bit weird when you are forced to do things in less optimal way.

How do you solve this?

first statement work but second statement is not in jquery

vishal.du123 — Sun, 09 Jun 2013 01:56:10 +0000

for class countryclassinfolink:

$(".classcard").fadeOut("slow"); is working
$(".classdetails").fadein("slow");is not working


    
    
    
    
    
    
    
      USA Seminars
      
        
          
            
               06/10/2013 Niskayuna, NY

                Advanced DNA 
            
            
              Return
                
                  Advanced DNA
                  Anana Integre
                  
                  
                
                
                
                  Niskayuna, NY

                    Phone:

                    831-246-1790

                    Email:

                    miraclewrkr@gmail.com

                    Website:

                    http://www.thetahealingwitness.com">www.thetahealingwitness.com

                    Cost:

                    $ 575.00

                    Notes:

                    

                    Dates:

                    06/10/2013

                    06/12/2013

Refresh Javascript RSS Feed without flickering

KamiNuvini — Sat, 08 Jun 2013 19:34:09 +0000

Hello,

I have the following RSS feed: RSS Feed
I load this feed like this:
file: rss2.php

Now what I want to do, is automatically refresh this page. I tried to do this with a meta tag, but this gives flickering when it refreshes.

Now what I want to do, is check for updates in the RSS feed, say, every 1 minute. If there are updates, I want it to display the latest feed, but I don't want it to flicker.
I understood that the way to do this is through javascript/jquery/AJAX. My knowledge of those is pretty much nonexistant, so I googled quite a bit and found some tutorials and such, but nothing seems to work the way I want for me. In the end I think at some point I had something that did refresh fine but it didn't load the CSS so I was missing the layout.

Besides the rss2 file I also have rss-testing.php, this is what I have right now whilst trying, but it's not working at all for me:

Thanks!

jQuery and CSS problem

aparnesh — Sat, 08 Jun 2013 16:49:37 +0000

I am a newbie at jQuery. I have a page with both a jQuery datepicker and jQuery tabs. I have changed the default settings of jQuery tabs CSS by overriding certain properties in a separate CSS file. The tabs are placed in a div (with an id = "ClassTabs") and the CSS specifies that the change should only be implemented within that id. But the default settings of the jQuery datepicker is also getting changed, even though it is outside the div.

Here's the CSS that I am overriding :

   #ClassTabs {
    width:200px; padding:5px; border:1px solid #636363;
    }
    #ClassTabs .ui-widget-header {
    border:0;  font-family:Georgia; 
    }
    #ClassTabs .ui-widget-content {
    border:1px solid #000; font-size:60%;
    }
    #ClassTabs .ui-state-default, #ClassTabs .ui-widget-content .ui-state-default {
    font-size:60%;
    }
    #ClassTabs .ui-state-active, #ClassTabs .ui-widget-content .ui-state-active {
    border:1px solid #aaa; 
    }

Here's the Code for the jQuery tabs


        
            Extracurricular 
            Disciplinary 
            Leave 
            NCC 
            Family 
            Address 
            Guardian 
            Previous School 
            Miscellaneous 
        
        Extra Curricular Records
        Disciplinary Records

and the code for the datepicker, which is in a table, outside the "ClassTabs" div.

I think as I am specifying that the overridden styles should only affect the elements that are within the div with id "ClassTabs", the default settings of datepicker should be unaffected. Unfortunately it is getting messed up.

Can anyone guide me as to where I am going wrong ?

JQuery UI Datepicker

aparnesh — Sat, 08 Jun 2013 16:37:17 +0000

How can I prevent the user from typing in a date or anything else in the element connected with a jQuery datepicker ?

Google Maps Jquery Json

Gloak — Fri, 07 Jun 2013 20:16:00 +0000

I have tried to fix this problem but can't make it to work. I have intalled all the data in my computer, tried a json file (.php), but can't figure it out. I have also tried the CSV format, but it didn't work. Where is my mistake?
This is from the Google tutorial, documentation hereClick Here :

  $.getJSON('https://storelocator-go-demo.appspot.com/query?callback=?', {
    lat: center.lat(),
    lng: center.lng(),
    n: bounds.getNorthEast().lat(),
    e: bounds.getNorthEast().lng(),
    s: bounds.getSouthWest().lat(),
    w: bounds.getSouthWest().lng(),
    audio: features.contains(audioFeature) || '',
    access: features.contains(wheelchairFeature) || ''
  }, function(resp) {
    var stores = that.parse_(resp.data);
    that.sortByDistance_(center, stores);
    callback(stores);
  });

I have just tried to put my .php file instead of the url above. Doesn't work (just removed above url by my 'locationsJSON.php', just like that. Could someone help me with that?
Thank you so much for your time ! The CSV route is not working either. Really frurtrating.

Make
work like tag because I want my options to be a list of small images and this tag does not support it. (There were suggestions to use background-image but it didnt work in chrome). The problem is not making the list, I can do that, but I need it to work like a `but it shows images. I need it to function like Projects: Midterm: Final: Final Grade (Letter Grade): Grade Calculator Grade Calculator Enter only whole numbers. Homework: Projects: Midterm: Final: Final Grade (Letter Grade):`

How Can I Make This Program Account for the number 0?

Navlag — Sat, 01 Jun 2013 22:36:36 +0000

I have this:

$(document).ready(function() {
    $('input[type="button"]').click(function() {
        var sum = 0, count = 0, result;

        $('input[type="text"]').each(function() {
            var val = Number( $(this).val() );
            if (val && val >= 0) {
                sum += Number(val);
                count++;
            }
        });
        the error is that it does not take zero into account,
        for example, 10 and 0 should average out to 5, not 10.
        result = (count > 0) ? sum/count : 'no values found';
        $('#result').html( result );

    });
});

How can I make it account for the number 0 when it figures out averages?

Hiding Iframe horizontal scroll via javascript?

sonicx2218 — Sat, 01 Jun 2013 21:21:45 +0000

I have a javascript program that creates an iframe lightbox. This is the section of the code that affects the iframe only.

mediaType = 'url';
            mediaWidth = mediaWidth || "640px";
            mediaHeight = mediaHeight || "360px";
            mediaId = "mediaId_"+new Date().getTime();  
            preload = new Element('iframe', {
                'src': URL,
                 'id': mediaId,
                 width: mediaWidth,
                 height: mediaHeight,
                 'frameborder': 0

I have no idea how to make the iframe not have an x scroll in this particular code. The css for the Js app only applies to the background, so I don't think I can alter it there.

can not set limit for image file upload, please help

adeeb.keyaam — Sat, 01 Jun 2013 21:17:35 +0000

i am using http://bojanmauser.from.hr/bvalidator/ this script to validate my form, now i am stack with a problem, want to set max file limit for image file upload. but i am unsuccessful everytime, can anybody help me to get rid of this, advance thanx to all, who is reading this discussion and give a helping a hand to solve this problem...

what is bmi.js ?

polashdeb — Sat, 01 Jun 2013 13:45:06 +0000

I am newbie in learning javaScript.When investigating a site source codes i've got some scripts. in repl.html folder there is bmi.js.My question is why they use this script? or a understandable article will be helpful for me. thannks for reading.

Controlling height and width

sonicx2218 — Fri, 31 May 2013 23:14:52 +0000

So I'm using this program that has 2 important sections of code that determine the iframe height and width.

            if (!images[imageIndex][2]) images[imageIndex][2] = ''; // Thanks to Leo Feyer for offering this fix
            WH = images[imageIndex][2].split(' ');
            WHL = WH.length;
            if (WHL>1) {
                mediaWidth = (WH[WHL-2].match("%")) ? (window.getWidth()*((WH[WHL-2].replace("%", ""))*0.01))+"px" : WH[WHL-2]+"px";
                mediaHeight = (WH[WHL-1].match("%")) ? (window.getHeight()*((WH[WHL-1].replace("%", ""))*0.01))+"px" : WH[WHL-1]+"px";
            } else {
                mediaWidth = "";
                mediaHeight = "";
            }
            URL = images[imageIndex][0];
            URL = encodeURI(URL).replace("(","%28").replace(")","%29");
            captionSplit = images[activeImage][1].split('::');

AND

mediaType = 'url';
                mediaWidth = mediaWidth || options.defaultWidth;
                mediaHeight = mediaHeight || options.defaultHeight;
                mediaId = "mediaId_"+new Date().getTime();  // Safari may not update iframe content with a static id.
                preload = new Element('iframe', {
                    'src': URL,
                    'id': mediaId,
                    'width': mediaWidth,
                    'height': mediaHeight,
                    'frameborder': 0

No matter what I do, I cannot get the iframe's width and height limit to become what I specify.
I'm trying to remove the scrollbars and have it show EXACTLY the height and width I specify. What can I do?
Here's the code I enter to actually start the lightbox.

 http://www.scatterset.com/#!sight-for-sore-ears/c1u3j" rel="lightbox[external 710 1000]" title="Sight for Sore Ears" >
http://i2.ytimg.com/vi/-IoIfqEi8CA/mqdefault.jpg">

background image for portrait vs. landscape

turpentyne — Fri, 31 May 2013 20:01:46 +0000

I'm not sure if this is just a style-sheet issue, because there's a javascript component. But, what I have is a div set to cover the page, and a background image inside, set to cover.

This works fine on a computer, but I noticed that it wasn't portraying correctly on ipad in landscape mode. (or any phone) The image was far too big, only showing a portion of the picture onscreen. (using a 1024x680 picture)

I added height, changing the image to 1024 x 680, and it resolves the problem - but, of course, in portrait there is now a bunch of empty space at the bottom because the image isn't actually that size.

I can't just set css styles based on portrait/landscape, because there is a javascript randomizing script for what image loads on pageload.

Can anybody think of a solution that reconciles this problem?

right now the script is simply this:



And the style sheet is simply this:

Use .lenght when you know the length before?

SPeed_FANat1c — Fri, 31 May 2013 06:35:11 +0000

yesterday I was disucsing with more experienced programmer. He saw that I am using

for (var i =0; i< 6; i++)

So 6 is the static number. I was iterating throug array. He said to use lengh, just in case array lemngh is not 6. I say - its always 6. Its not planned to be not 6.

He says still - who knows maybe code will be changed.

Ok, there might be some reason. But then I say - for me it looks more readable.

When I see 6 - I know its 6 and nothing else. WHen I see .lenght - then it automatically comes to my mind - this is not constant. So then I should make a commend for the code reader that its constant to not make him wasted time figuring out why can it be sometimes other than 6.

And even if its some time not 6, then it means ther is a bug in some other place which generates this array, so that bug needs to be fixed.

WHat do you think - what is better - the way I do or the way he says?

Where next-Javascript/Ajax or ?

furlanut — Thu, 30 May 2013 23:50:30 +0000

I can display an alpha index of the table contents using a form as follows:

  


        Select Letter
        
         
      

You have not entered a name";
exit;                                           
}
else 
{
echo"
";
echo "You searched for:";
echo "";
echo "";
require_once "../php/fix_it.php";
echo fix_it($name);                              //function to return name input
echo"";
}
require_once '../php/dbconnect.php';                                
$query = "(SELECT name1 FROM allnames WHERE name1 LIKE '$name%')UNION(SELECT name2 FROM allnames WHERE name2 LIKE '$name%')UNION(SELECT name3 FROM allnames WHERE name3 LIKE '$name%').....UNION(SELECT name17 FROM allnames WHERE name17 LIKE '$name%')ORDER BY 1";
$result = mysql_query($query);
if (!$result) die ("Database access failed: " . mysql_error());
$num_rows=mysql_num_rows($result);
if(mysql_num_rows($result)==0)                              
{
                       /* some code omitted  */

while($row = mysql_fetch_assoc($result)){
$array= $row;
foreach($array as $var){
if(!empty($var)){                                   
$str=($var); 
$str=strtoupper($str);
?>

I would really like to replace the FORM with a line 'A' 'B' 'C' 'D' etc then onclick on a letter would initiate the SELECT query and print the index.
I am told this can only be done with JavaScript or Ajax neither of which I know. I this the only way ? If so could someone describe what it involves and give some pointers?

scrollto animation not working

turpentyne — Wed, 29 May 2013 18:32:41 +0000

I have a script that loads in content using jquery. With the popstate/pushstate function everything is working beautifully, when they click on navigation links. But I also have some a href tags on one of the loaded pages for sliding down to anchor points on the page. This seems to run the popstate/pushtate animation, instead of just animating down the page, like I want.

I think it's caused by the window popstate function at the end of the script for loading content. The page reloads, rather than recognizing it was just a hash to an anchor on the page. I'm not sure how to work around it.

here's my problem page that gets loaded into index.php




                
                 

            
                
             


            
                
            

 
        Below is where the slideshow should be showing
    
    






     
        Below is where the slideshow should be showing
    







 
        Below is where the slideshow should be showing

the script for the scroll down is simple:

// 'scroll to' code

$('.portfolio_links').live('click', function(){ 

    $('.portfolio_links a').preventdefault();

    var whichTag = $(this).attr('id');
    val = whichTag.split("_");
    thisTag = "#position_"+val[1];

    $('html, body').animate({scrollTop: $(thisTag).offset().top - 100}, 2000);

});

And here's the loading script that is causing the problem:

$(function() {

    if(Modernizr.history){

    var newHash      = "",
        $mainContent = $("#main-content"),
        $pageWrap    = $("#page-wrap"),
        baseHeight   = 0,
        $el;

    $pageWrap.height($pageWrap.height());
    baseHeight = $pageWrap.height() - $mainContent.height();

    $("#main_nav").delegate("a", "click", function() {
        _link = $(this).attr("href");
        history.pushState(null, null, _link);
        loadContent(_link);
        return false;
    });

    function loadContent(href){
        $mainContent
                .find("#guts")
                .fadeOut(700, function() {
                    $mainContent.hide().load(href + " #guts", function() {
                        $mainContent.fadeIn(300, function() {

                            $pageWrap.animate({
                                height: baseHeight + $mainContent.height() + "px"
                            });
                        });
                        $("#main_nav a").removeClass("current");
                        console.log(href);
                        $("nav a[href$="+href+"]").addClass("current");


                            $.getScript("js/carousel2.js", function(data, textStatus, jqxhr) {
                                console.log(data); //data returned
                                console.log(textStatus); //success
                                console.log(jqxhr.status); //200
                                console.log('Load was performed.');
                                });

                            $.getScript("js/jquery.carouFredSel-6.2.1-packed.js", function(data, textStatus, jqxhr) {
                                console.log(data); //data returned
                                console.log(textStatus); //success
                                console.log(jqxhr.status); //200
                                console.log('Load was performed.');
                                }); 

                    });
                });
    }

    $(window).bind('popstate', function(){
       _link = location.pathname.replace(/^.*[\\\/]/, ''); //get filename only
       loadContent(_link);
    });

} // otherwise, history is not supported, so nothing fancy here.


});

Updating a total price

Zagga — Wed, 29 May 2013 14:38:31 +0000

Hi folks,

It's a bit unusual for me to post in the javascript forum but I'm after a bit of assistance if possible.

The scenario:
I have a form with text input box for a user to enter a 'quantity' in. This can be anything from 1 to 99.
When a user enters a 'quantity' it should be multiplied by a set 'price' (£2) and the total should be displayed in a 'total' box.

Scenario example:
A user enters a quantity of 5, this is multiplied by the set price and £10 is displayed in the total box.

Current state of play:
I can get this to partly work with an onchange trigger on the quantity box that fires a function to calcutate the new total and display it on the form. The total changes correctly whenever focus leaves the quantity box.

The problem:
If a user enters a quantity then clicks on the submit button before focus has left the quantity box, the total does change but the user doesn't get a chance to see the updated price (to confirm it is ok) before the form is submitted.

What I tried:
I thought about disabling the submit button if focus is in the quantity box but this reduces usability quite a bit.
I considered forcing the focus to leave the quantity box once a user has entered 2 digits, but this doesn't help if the quantity is a single digit.

The question:
Is there a way, without using AJAX if possible, to update the total as the user types into the quantity box? Or any other possible solutions?

Example code:




£0.00

Any help in this would be greatly appreciated.
Zagga

jQuery effect

webdevstudent — Wed, 29 May 2013 12:23:46 +0000

Which jQuery effect rotate image like in the picture I have uploaded. I saw the effect few months ago but dnt know what do we call it. Can anybody please help?

Or any other plugin that will add random effects to images?

Form Submit

solomon_13000 — Wed, 29 May 2013 06:14:27 +0000

I have a form to submit the details as below:

http://www.w3.org/TR/html4/strict.dtd">

Activate









Your Full Name: 






Company Name: 





Your Email:





Telephone:
(Please include
Country Code)





Mobile
Phone: 





Street
Address Line 1





Street
Address Line 2





City:





Postal /
Zip
Code: 





Province /
State: 






Country: 






my iBOX
IPTV
Serial Number:









Active my
iBox IPTV 





 Please Enter
Valid Info
Registration
Successfully

I am using the following jquery to validate the details from the form above:

$(function(){
    $(".submit").click(function(){
               var name = $("#name").val();
               var cmpName = $("#cmpName").val();
               var email = $("#email").val();
               var tel = $("#tel").val();
               var mobile = $("#mobile").val();
               var addr1 = $("#address1").val();
               var addr2 = $("#address2").val();
               var city = $("#city").val();
               var postal = $("#postal").val();
               var province = $("#province").val();
               var country = $("#country").val();
               var serialNo = $("#serialNo").val();   

               var param = 'name='+ name + '&cmpName=' + cmpName + '&email=' + email + '&tel=' + tel + '&mobile=' + mobile + '$addr1=' + addr1 + '&addr2='
               + addr2 + '&city=' + city + '&postal=' + postal + '&province=' + province + '&country=' + country + '&serialNo=' + serialNo; 


               if(name=='' || email=='' || tel=='' || addr1=='' || city=='' || postal=='' || province=='' || country=='' || serialNo==''){ 
                    $('.success').fadeOut(200).hide();
                    $('.error').fadeOut(200).show();
               }else{
                    $.ajax({
            type: "POST",
                        url: "test.php",
                        data: param,
                        success: function(){
                             $('.success').fadeIn(200).show();
                             $('.error').fadeOut(200).hide();
                        }   
                });
               }
               return false;
        });
});

So when I click on the submit button with an empty name for example, I get an error message. The problem is that when I click on the submit button once again the error disappears although the name is empty. After that I click on the submit button again the error appears again. Did I miss out something in the code?

Your help is kindly appreciated.

Understanding how to use Math.min on an Array

jenny1975 — Wed, 29 May 2013 05:21:15 +0000

I have two array's
Array1[1,3,5,7,4,0,8]
Array2[1,5,8,3,4,2,9]

What I would like to achieve is an output count = 3( three of the numbers 3,5,8 from Array2 are in Array1 but in the wrong place) using Math.min.

Can someone explain this process to me please. Thank you

jqGrid setting globally emptyrecords

eburlea — Tue, 28 May 2013 19:57:09 +0000

Hi all.

I have a grid table and I need to set globally 2 kind of values for emptyrecords:
1. 'Nothing to display from the DB' -> if no data is retrieved from mysql
2. 'No data matches the search' -> after using search and nothing matched.

Till now I succeeded just to set globally emptyrecords, but only with one value:

$.extend($.jgrid.defaults,{emptyrecords: "Nothing to display"});

I have tried to combine with other methods:
-beforeProcessing
-gridComplete
-loadComplete
-jQuery("#grid-tbl").jqGrid('navGrid','#grid-pg',{emptyrecords: "No data matches the search"});
but it didn't work.

Please advise if it is possible to achieve this with jqGrid?

toggle images using data- attribute

turpentyne — Tue, 28 May 2013 18:14:41 +0000

Maybe there's a better way to do this. but I thought I'd try.

I want to write a simple image toggle script that would work with multiple images.

When the user mouses over, change the src, using the data- attribute. Then on mouseout, revert to the original src.

Is this a dumb way to do it?

I got this far. it switches the src, but I'm not sure how to save the original src to revert back on mouseout.

$('.portfolio_thumbs').live('hover', function(){ 

    var thumbnail = $(this).attr("src");
    var whichThumb = $(this).data('color');

    if ($(thumbnail).attr("src") !== whichThumb){

        $(this).attr("src", whichThumb);

   } else {

        $(this).attr("src", thumbnail);
   }

});

The images in the html are like this:

script change to run at later moment

turpentyne — Tue, 28 May 2013 13:31:53 +0000

This script is set to run automatically. The syntax is stuff I'm not used to. How can I change this script to run at a later point? Such as when an image loads. Or another delayed point from when the page it's on is loaded in with ajax. Like this, it won't work:

I tried to change "document ready" section to when an image loads at the bottom of the page, but it didn't work either. I did something like: "$('img #trigger').ready(function() { ... but with no success.

The guts of the script seem irrelevent - if I delete everything but the alert('function is running');, it still doesn't run.

if I put it in the parent index.php file, the alert will run, but the rest of the script does nothing.

when i m select value from select tag then automatically display the text

seju — Tue, 28 May 2013 12:36:27 +0000

hello...help me rapidly..
query is that.. when we select the mail from the select tag and then automatically display the two text box like user name and contact no.. how i do this...? but remeber it that without use button....i hope as soon as i vl get my perfect ans...

Creating Array in JS

atikah8890 — Tue, 28 May 2013 07:18:21 +0000

Hi. I'm using JS for d3. What I intend to do is get some data from database and plot them in a diagram I've created. Here's what I've done so far:

Fetched the data from database:

Sent it to JS:

        var id = ;
        var val = ;
        var chpt = ;
        var lvl = ;

I'm having trouble creating an array for the data though. For static data I've made it something like this:

        var dataLevel = [
        [280, "ANALYZE", 260, 560],
        [230, "APPLY", 260, 510],
        [180, "UNDERSTAND", 260, 460],
        [130, "REMEMBER", 260, 410]
                        ];

I'll use the array I want to create to plot.

Any help would be appreciated. Thanks.

Atikah

Random Image Generator [Randomize instead of Order]

Cravver — Tue, 28 May 2013 00:52:50 +0000

I have this code here and I need to know how to make it randomize the amoutn of images there are:
Currently it shows the images, and uses a cookie so the image doesnt show up more than it needs to, but i need to randomize the image order instead of it show up by order.

            function showImage() {
                //get image object
                var myImg = document.getElementById('showImage');

                //declare image directory path and image array
                var thePath = "images/";
                var theImages = new Array();
                theImages[0] = "01.png";
                theImages[1] = "02.png";
                theImages[2] = "03.png";
                theImages[3] = "04.png";
                theImages[4] = "05.png";
                theImages[5] = "06.png";
                theImages[6] = "07.png";
                theImages[7] = "08.png";
                theImages[8] = "09.png";
                theImages[9] = "10.png";
                theImages[10] = "11.png";
                theImages[11] = "12.png";
                theImages[12] = "13.png";
                theImages[13] = "14.png";
                theImages[14] = "15.png";
                theImages[15] = "16.png";
                theImages[16] = "17.png";
                theImages[17] = "18.png";
                theImages[18] = "19.png";
                theImages[19] = "20.png";
                theImages[20] = "21.png";
                theImages[21] = "22.png";
                theImages[22] = "23.png";
                theImages[23] = "24.png";
                theImages[24] = "25.png";
                theImages[25] = "26.png";
                theImages[26] = "27.png";
                theImages[27] = "28.png";
                theImages[28] = "29.png";
                theImages[29] = "30.png";
                theImages[30] = "31.png";
                theImages[31] = "32.png";
                theImages[32] = "33.png";

                //get current cookie value
                var currentIndex = parseInt(getCookie());
                var imgPath = thePath + theImages[currentIndex];
                myImg.src = imgPath;
                myImg.alt = theImages[currentIndex];
                myImg.title = theImages[currentIndex];

                //set next cookie index
                currentIndex += 1;
                if(currentIndex > (theImages.length - 1)) {
                    currentIndex = 0;
                }
                setCookie(currentIndex);
            }

            function setCookie(someint) {
                var now = new Date();
                var addDays = now.getDate() + 7
                now.setDate(addDays); // cookie expires in 7 days
                var theString = 'imgID=' + escape(someint) + ';expires=' + now.toUTCString();
                document.cookie = theString;
            }

            function getCookie() {
                var output = "0";
                if(document.cookie.length > 0) {
                    var temp = unescape(document.cookie);
                    temp = temp.split(';');
                    for(var i = 0; i < temp.length; i++) {
                        if(temp[i].indexOf('imgID') != -1) {
                            temp = temp[i].split('=');
                            output = temp.pop();
                            break;
                        }
                    }
                }
                return output;
            }

I use this to show the image:

compare array elements and return couunt

jenny1975 — Tue, 28 May 2013 00:37:54 +0000

I have 2 arrays that I need to compare against each other and retun the count of the same:

ex: array1[abcd] array2 [adce] return would be 2 as both a and c are in same postion.

I would then have to return 2,1 as a and c are in the same place but d is in the array but in the wrong place.

     var  index = 0;

     for(index = 0; index < length; index++){
     if(array1[index] == array2[index]){
     count++
    } 

return count
}

which i ofcourse is only returning 1, so not sure where to go from here?

slideshow dies when loaded.

turpentyne — Mon, 27 May 2013 20:10:39 +0000

A problem's come back to haunt me, after reworking the page for other features.

I have a page with a caroufredsel script in it to show a rotating slideshow. The page works fine on it's own. But I need it to work when loaded into an existing page. I get no errors when I look at console, while loading this page.

It's easier to just show a link to the site, I believe.

At this url, click on the first link in the navigation, you'll see that the slideshow isn't showing when loaded.

http://www.thewalshgroup.ca/dev/mazenga/site2/

But go to the page itself, and the slideshow works fine.

http://www.thewalshgroup.ca/dev/maze...e2/mazenga.php

Last time, the problem was solved by changing from window.onload() to $(document).ready(function()

But this doesn't seem to solve anything this time

[AJAX] process not working!

tanmay.majumdar2 — Mon, 27 May 2013 18:49:57 +0000

hey, fellas.. I was gonna make a simple website.. Which somehow explains you about the readystate exchange,. But i am not getting the desired ouput. Please help me out.. I am ginna upload the codes, of the javascript and the html file..

the javascript file {a.js}: http://codeviewer.org/view/code:33b6

_______________________________________________________________

the html file: http://codeviewer.org/view/code:33b7

__________________________________
PLEASE HELP ME OUT.. THANKS!

can't load page - div disappears

turpentyne — Mon, 27 May 2013 15:23:02 +0000

I'm trying to work in a script to fade out a div, load content and fade the div back in. But when the navigation links are clicked, the div fades out, then is completely removed from the DOM??

Here's the html:




    
    


    


    

    
    








     
        
            
            MENU
            adsfasdfasdf
        
     

     

 


    

        
        
        

        

                
        
        

    

        http://www.thewalshgroup.ca/" target="_blank">POWERED BY THE WALSH GROUP

the dynamic page script: for this:

$(function() {

    if(Modernizr.history){

    var newHash      = "",
        $mainContent = $("#main-content"),
        $pageWrap    = $("#page-wrap"),
        baseHeight   = 0,
        $el;

    $pageWrap.height($pageWrap.height());
    baseHeight = $pageWrap.height() - $mainContent.height();

    $("nav").delegate("a", "click", function() {
        _link = $(this).attr("href");
        history.pushState(null, null, _link);
        loadContent(_link);
        return false;
    });

    function loadContent(href){
        $mainContent
                .find("#main_center_box")
                .fadeOut(600, function() {
                    $mainContent.hide().load(href + " #main_center_box", function() {
                        $mainContent.fadeIn(500, function() {

                            $pageWrap.animate({
                                height: baseHeight + $mainContent.height() + "px"
                            });
                        });
                        $("nav a").removeClass("current");
                        console.log(href);
                        $("nav a[href$="+href+"]").addClass("current");
                    });
                });
    }

    $(window).bind('popstate', function(){
       _link = location.pathname.replace(/^.*[\\\/]/, ''); //get filename only
       loadContent(_link);
    });

} // otherwise, history is not supported, so nothing fancy here.


});

and the functions.js, if it's relevant to the problem:

$(document).ready(function() {





// code for random backgorund image on page load
$("#full-size-background").css("background-image", "url(images/backgrounds/" + Math.floor(Math.random()*3) + ".jpg)");



// starting point fade when "menu" clicked

    $("#starting_point_link").on("click", function(){

            $('#starting_point, .places-slideshow,#full-size-background').stop().animate({ opacity: 0 }, 1400, function() {
                $('#starting_point').css({display:"none"});
                $('#main_center_box').css({zIndex:"1"});
                $('.header_content, #main_center_box').css({display:"block"}).stop().animate({ opacity: 1 }, 800, function() { 

                    //  $(' #main_center_box').load('include_at_start.php');

                    $('#main_center_box2').stop().animate({ opacity: 1 }, 700, function() { /* animation complete */ });
                    $('.places-slideshow').stop().animate({ opacity: 1 }, 2100, function() { /* animation complete */ });

                }); 

                $("#starting_point_link").attr('class','visited');
                $("#full-size-background,.header_content").css('opacity','0').css("background-image", "url(images/BG1a.jpg)");
                $('#full-size-background').stop().animate({ opacity: 1 }, 700, function() { /* animation complete */ });
                $('.header_content').stop().animate({ opacity: 1 }, 800, function() { /* animation complete */ });
            });
    });





// function for navigation clicks





    // researching deeplinking solutions


// end resesarching deeplinking solutions







$('.slider .slide:eq(0)').addClass('active').fadeIn(200);

$('.slider-nav li a').click(function() {    
    var index = $(this).parent().index('li');

    $('.slider .slide.active').removeClass('active').fadeOut(200, function() { 
            $('.slider .slide:eq(' + index + ')').addClass('active').fadeIn(200);
        });

    return false;
});

$('.slide').click(function() {
    if($(this).hasClass('active')){
        $(this).removeClass('active').fadeOut(200, function() {
            if($(this).is(':last-child')){
                $('.slider .slide:first-child').addClass('active').fadeIn(200);
            }else{
                $(this).next().addClass('active').fadeIn(200);
            }
        });
    } 
}); 





// 'scroll to' code

$('.portfolio_links').live('click', function(){ 
    var whichTag = $(this).attr('id');
    val = whichTag.split("_");
    thisTag = "#position_"+val[1];

    $('html, body').animate({scrollTop: $(thisTag).offset().top - 100}, 2000);

});






}); // document ready ending brackets



// the form label controls

(function($) {
    function toggleLabel() {
        var input = $(this);
        setTimeout(function() {
            var def = input.attr('title');
            if (!input.val() || (input.val() == def)) {
                input.prev('span').css('visibility', '');
                if (def) {
                    var dummy = $('').text(def).css('visibility','hidden').appendTo('body');
                    input.prev('span').css('margin-left', dummy.width() + 3 + 'px');
                    dummy.remove();
                }
            } else {
                input.prev('span').css('visibility', 'hidden');
            }
        }, 0);
    };

    function resetField() {
        var def = $(this).attr('title');
        if (!$(this).val() || ($(this).val() == def)) {
            $(this).val(def);
            $(this).prev('span').css('visibility', '');
        }
    };

    $('input, textarea').live('keydown', toggleLabel);
    $('input, textarea').live('paste', toggleLabel);
    $('select').live('change', toggleLabel);

    $('input, textarea').live('focusin', function() {
        $(this).prev('span').css('color', '#000');
    });
    $('input, textarea').live('focusout', function() {
        $(this).prev('span').css('color', '#fff');
    });

    $(function() {
        $('input, textarea').each(function() { toggleLabel.call(this); });
    });

})(jQuery);

Javascript Prototype??

hiyatran — Mon, 27 May 2013 14:19:25 +0000

Here's my code (It doesn't work):

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");


function Shape(){};

Shape.prototype.Circle = function(){
    // Some code here
};

Shape.prototype.Square = function(){
    // Some code here
};


MainMenu.prototype = new Shape();

var MainMenu = function(ctx){
   this.draw{
    this.Circle();
    this.Square();
   }
}

What I want to do is to call the Circle() and Square() function inside my draw() function.
Is this even possible??
I'm going crazy trying to figure this out!!

Image rotation

solomon_13000 — Mon, 27 May 2013 03:57:22 +0000

I attempted to implement image rotation using google jquery library. The problem is that the image

rotation stops at 5.jpg and doesn't go back to 1.jpg to 2.jpg.........and so on. Did I miss out

something?









     
           
           
           
            
            
     





$(window).load(function(){

    var rotator = {

        init: function(){

                    var imgCount = $('.rotating-img-item').length;

                    var currentImg = 0;

                    $('.rotating-img-item').eq(currentImg).fadeIn(1000);

                    var loop = setInterval(function(){

                $('.rotating-img-item').eq(currentImg).fadeIn(1000);

                if(currentImg == imgCount - 1){
                                currentImg = 0;  
                }else{
                                currentImg++;
                        }

                        $('.rotating-img-item').eq(currentImg).fadeIn(1000);    

                },5000); 
        }
    };

        rotator.init();
});




#rotating-img-container {
    position: relative;
    width: 980px;
    height: 347px;
}
.rotating-img-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

JavaScrip cookies conflict with PHP cookies

MattD00 — Mon, 27 May 2013 01:30:30 +0000

I have set up a cookie in JavaScript to store the change to the stylesheet.

The cookie is loaded using

This cookie was working fine until I set a session cookie in PHP to verity if a user was logged in

session_start();
if(isset($_SESSION['username']))
    {
    $user = $_SESSION['username'];
    }

This php code is placed at the top of the page. This has created a conflict with the JavaScript cookie. Is there anyway to get both cookies working together.

InvalidStateError: DOM IDBDatabase Exception 11

marases — Mon, 27 May 2013 01:19:04 +0000

can someone please tell me where im going wrong here?

window.indexedDB = window.indexedDB || window.webkitIndexedDB ||
window.mozIndexedDB;

if ('webkitIndexedDB' in window) {
    window.IDBTransaction = window.webkitIDBTransaction;
    window.IDBKeyRange = window.webkitIDBKeyRange;
}

var VULY_DB = {};
VULY_DB = {};
VULY_DB.db = null;

VULY_DB.onerror = function(e) {
    console.log(e);
};

VULY_DB.open = function() {
    var request = indexedDB.open(salt);


    request.onerror = request.onsuccess = function(e) { VULY_DB.onerror(request.error); };
    request.onsuccess = function(e) {
        VULY_DB.db = e.target.result;
        var db = VULY_DB.db;

        var store = db.createObjectStore("revisions", {keyPath: "id"});
    };
};

VULY_DB.open();

Thank you!

[AJAX] Website not Working [Newbie]

tanmay.majumdar2 — Sun, 26 May 2013 20:41:04 +0000

Hey, fellas. I have just started LEARNING AJAX. I am having prblems in the first website only. So this website is like a restaurant menu, which tells you the avaible food. With respect to the user's query.

But its not displaying the end result. As i think, it is not reaching till the lastfile.

I am uploading the codes for all the php, javascript, and html files.

THE HTML FILE (NOTHING SPECIAL :P) [FOODSTORE.HTML]:

_____________________________________________________________________________
THE JAVASCRIPT FILE: [foodstore.js]:

var xmlHttp = createXmlHttpRequestObject();

function createXmlHttpRequestObject() {

    var xmlHttp;

    if (window.ActiveXObject){
        try{
            xmlHttp = new ActiveXObject("Microsofot.XMLHTTP");
        } catch (e) {
            xmlHttp = false;
        }
    }else{
        try{
            xmlHttp = new XMLHttpRequest();
        } catch (e) {
            xmlHttp = false;
        }
    }

    if (!xmlHttp) {
        alert("Could not create XML Object");
    } else {
        return xmlHttp;
    }
}




function process() {


        food = encodeURIComponent(document.getElementById("userInput").value);
        //alert(food);
        xmlHttp.open("GET", "foodstore.php?food="+food, true);
        xmlHttp.onreadystatechange = handleServerResponse;
        xmlHttp.send();

}

function handleServerResponse () {

    if ( xmlHttp.readyState==4 )
        if ( xmlHttp.status==200) {
        xmlResponse = xmlHttp.responseXML;
        xmlDocumentElement = xmlResponse.documentElement;
        message = xmlDocumentElement.firstChild.textContent;
        document.getElementById("underInput").innerHTML = '' + message + '';
    }
}

__________________________________________________________

the php file: [foodstore.php]

';

    echo '';
        $food=$_GET['food'];
        $foodArray = array('tuna','bacon','beef','loaf','ham');

        if (in_array($food,$foodArray)) {
            echo "We do have ".$food;
        } elseif ($food==''){
            echo "Enter food";
        } else {
            echo    "Sorry, we do not have ".$food;
        }

    echo '';
?>

_______________________________________

Also, for clarification:

For the server factor, earlier I was using xampp. { ACTUALLY, I AM QUITE FAMILIAR WITH JAVASCRIPT AND PHP, but ajax is a very new topic for me}. Obviuosly it didnt work. So for experiment's sake , I registered on serverfree.com. But still no new development!

in case you WANT TO visit the file: => http://tattikhale.bugs3.com/foodstore.html

ALSO IF YOU ARE ABLE TO SOLVE THE ABOVE PROBLEM: PLEASE UPLOAD IT AND DO GIVE ME THE LINK.

THANKS IN ADVANCE....

P.S: PLEASE HELP THE NOOB. HE IS REALLY STUCK.. :(

Jquery.jqplot - How to use?

furalise — Sun, 26 May 2013 14:38:09 +0000

Hello everyone..

I'm trying to work out how to install and use Jquery.jqplot in google chrome.
I have no idea how to go about this.. I have downloaded jquery.jqplot but not sure what to do next.

Does anyone know how to install this, or include this? Does it go in my google chrome directory?

Little bit confused.

Thanks you :)

Printing from a JSON string

rouse — Sat, 25 May 2013 18:23:28 +0000

I am having problems accessing what for me is a complex JSON object.
I successfully interrogated the Open Weather API and received a good response.
What I am not accessing, and don’t know how to, is the individual items of the weather portion of the list group while in a for loop.
When printed the values are undefined.
Thanks for any help!
The Response from the open weather API

{
   "timestamp":1369498755320,
   "data":{
      "cod":"200",
      "message":0.0372,
      "city":{
         "id":5037649,
         "name":"Minneapolis",
         "coord":{
            "lon":-93.26384,
            "lat":44.979969
         },
         "country":"US",
         "population":382578
      },
      "cnt":10,
      "list":[
         {
            "dt":1369504800,
            "temp":{
               "day":291.59,
               "min":285.95,
               "max":291.59,
               "night":285.95,
               "eve":289.25,
               "morn":288.86
            },
            "pressure":1004.12,
            "humidity":62,
            "weather":[
               {
                  "id":800,
                  "main":"Clear",
                  "description":"sky is clear",
                  "icon":"01d"
               }
            ],
            "speed":7.27,
            "deg":154,
            "clouds":32
         },
         {
            "dt":1369591200,
            "temp":{
               "day":286.26,
               "min":285.08,
               "max":287.6,
               "night":285.8,
               "eve":286.83,
               "morn":285.08
            },
            "pressure":1001.63,
            "humidity":71,
            "weather":[
               {
                  "id":501,
                  "main":"Rain",
                  "description":"moderate rain",
                  "icon":"10d"
               }
            ],
            "speed":8.11,
            "deg":131,
            "clouds":92,
            "rain":3.5
         },
         ....
      ]
   }
}

In trying to print to the browser I use the following to access the weather section but this does not wok and gives me a value of undefined.


//Turn JSON string into a javaScript object
 weatherOutPut = JSON.parse(weather);

 $('#baker').append('weather.id = ' + weatherOutPut.data.list[i].weather.id + '
');
 $('#baker').append('weather.main = ' + weatherOutPut.data.list[i].weather.main + '
');
 $('#baker').append('weather.description = ' + weatherOutPut.data.list[i].weather.description + '
');
 $('#baker').append('weather.icon = ' + weatherOutPut.data.list[i].weather.icon + '
'); 

 //This returns undefined.

How can i auto click on a link after x amount of time?

spyece — Sat, 25 May 2013 03:30:21 +0000

Hello,

I want to click the skip ad buttom when the buttom appears, can someone please explain me how this can be done using jquery?

Here is the Code





http://bc.vc/7VsNj6" style="width:100%; height:100%; border:none;" id="frame">
  Your browser does not support iframes.

Thanks in advance.

reloading previous page with popstate

turpentyne — Fri, 24 May 2013 18:14:49 +0000

I've gotten this far on setting up popstate() - a totally new thing for me. I have loaded content for each click of the navigation, and pushstate() changes the url.

But it doesn't load anything when the back button is pressed. Only when I've pressed the back button enough, that the url shows the index page again, then it reloads the page.

Here's what I have so far:

$("#top_nav li a, #footer_info").on("click", function(e){

                // prevent the a href from doing what it naturally does.
                e.preventDefault();

                // highlight active nav link & turn off others              
                $('.current').attr('class','link1');


                href = $(this).attr("href");

                // page chosen...
                var loadpage = 'inc/'+$(this).attr('name')+'.php';
                var footer = 'inc/footer.php';

                // fade out the main box                
                if(loadpage == "inc/index.php"){

                    $('#main_center_box,.header_content').css({opacity:1}).stop().animate({ opacity: 0 }, 700, function() { /* animation complete */ });
                    $('#starting_point, .places-slideshow,#full-size-background').css({display:"block"}).stop().animate({ opacity: 1 }, 1400, function() { /* animation complete */ });
                    $('#main_center_box').css({zIndex:"-1"});
                    $("#starting_point_link").attr('class','');

                } else {
                    $('#main_center_box,#footer_links').stop().animate({ opacity: 0, zIndex:0 }, 700, function() { 
                        $(this).attr('class','current');

                        // now load the page that matches navigation selected, and fade back in.
                        $('#main_center_box').css({zIndex:1 }).load(loadpage).stop().animate({ opacity: 1}, 700, function() { /* animation complete */ });

                        window.history.pushState('', 'New URL: '+href, href);

                    });
                }
    });




    // researching deeplinking solutions

    function change(state) {
    if(state === null) {
        $("#main_center_box").load('inc/mazenga.php');
    } else {

        $("#main_center_box").load(state.url);
    }
}

$(window).bind("popstate", function(e) {
    change(e.originalEvent.state);
});



(function(original) {
    history.pushState = function(state) {
        change(state);
        return original.apply(this, arguments);
    };
})(history.pushState);

how to incorporate "pushstate()"

turpentyne — Fri, 24 May 2013 15:27:53 +0000

Hi...

I have a simple function for loading php pages into the index.php file. I'm wanting to incorporate pushstate() so I can start making the page crawlable. But not sure how.

Here's my starting point (which just gives me "http://www.site.com/undefined"

// function for navigation clicks

    $("#top_nav li a, #footer_info").on("click", function(e){

                // prevent the a href from doing what it naturally does.
                e.preventDefault();

                // highlight active nav link & turn off others              
                $('.current').attr('class','link1');



                // which page chosen?
                var loadpage = 'inc/'+$(this).attr('name')+'.php';
                var footer = 'inc/footer.php';



                    $('#main_center_box,#footer_links').stop().animate({ opacity: 0, zIndex:0 }, 700, function() { 
                        $(this).attr('class','current');

                        // now load the page that matches navigation selected
                        $('#main_center_box').css({zIndex:1 }).load(loadpage).stop().animate({ opacity: 1}, 700, function() { /* animation complete */ });
                        $('html,body').scrollTop(0);

                        // not sure how to do this part...
                        href = $(this).attr(loadpage);
                        history.pushState('', 'New URL: '+href, href);
                    });

    });

simplify script

turpentyne — Fri, 24 May 2013 14:17:08 +0000

For the sake of learning, I'm just curious how I can simplify these functions? Open to any suggestions...
Please forgive all the over-commenting.

$(document).ready(function() {

// code for random backgorund image on page load
$("#full-size-background").css("background-image", "url(images/backgrounds/" + Math.floor(Math.random()*3) + ".jpg)");



// starting point fade when "menu" clicked

    $("#starting_point_link").on("click", function(){

            $('#starting_point, .places-slideshow,#full-size-background').stop().animate({ opacity: 0 }, 1400, function() {
                $('#starting_point').css({display:"none"});
                $('#main_center_box').css({zIndex:"1"});
                $('.header_content, #main_center_box').css({display:"block"}).stop().animate({ opacity: 1 }, 800, function() { 

                    //  $(' #main_center_box').load('mazenga.php');

                    $('#main_center_box2').stop().animate({ opacity: 1 }, 700, function() { /* animation complete */ });
                    $('.places-slideshow').stop().animate({ opacity: 1 }, 2100, function() { /* animation complete */ });

                }); 

                $("#starting_point_link").attr('class','visited');
                $("#full-size-background,.header_content").css('opacity','0').css("background-image", "url(images/BG1a.jpg)");
                $('#full-size-background').stop().animate({ opacity: 1 }, 700, function() { /* animation complete */ });
                $('.header_content').stop().animate({ opacity: 1 }, 800, function() { /* animation complete */ });
            });
    });



// function for navigation clicks

    $("#top_nav li a, #footer_info").on("click", function(e){

                // prevent the a href from doing what it naturally does.
                e.preventDefault();

                // highlight active nav link & turn off others              
                $('.current').attr('class','link1');



                // set the hashtag in url
                window.location.hash = $(this).attr('name');

                // which page chosen?
                var loadpage = 'inc/'+$(this).attr('name')+'.php';
                var footer = 'inc/footer.php';

                // fade out the main box    


                if(loadpage == "inc/index.php"){

                    $('#main_center_box,.header_content').css({opacity:1}).stop().animate({ opacity: 0 }, 700, function() { /* animation complete */ });
                    $('#starting_point, .places-slideshow,#full-size-background').css({display:"block"}).stop().animate({ opacity: 1 }, 1400, function() { /* animation complete */ });
                    $('#main_center_box').css({zIndex:"-1"});
                    $("#starting_point_link").attr('class','');

                } else {
                    $('#main_center_box,#footer_links').stop().animate({ opacity: 0, zIndex:0 }, 700, function() { 
                        $(this).attr('class','current');
                        // now load the page that matches navigation selected
                        $('#main_center_box').css({zIndex:1 }).load(loadpage).stop().animate({ opacity: 1}, 700, function() { /* animation complete */ });
                        $('html,body').scrollTop(0);
                    });
                }
    });




$('.slider .slide:eq(0)').addClass('active').fadeIn(200);

$('.slider-nav li a').click(function() {    
    var index = $(this).parent().index('li');

    $('.slider .slide.active').removeClass('active').fadeOut(200, function() { 
            $('.slider .slide:eq(' + index + ')').addClass('active').fadeIn(200);
        });

    return false;
});

$('.slide').click(function() {
    if($(this).hasClass('active')){
        $(this).removeClass('active').fadeOut(200, function() {
            if($(this).is(':last-child')){
                $('.slider .slide:first-child').addClass('active').fadeIn(200);
            }else{
                $(this).next().addClass('active').fadeIn(200);
            }
        });
    } 
}); 





// 'scroll to' code

$('.portfolio_links').live('click', function(){ 
    var whichTag = $(this).attr('id');
    val = whichTag.split("_");
    thisTag = "#position_"+val[1];

    $('html, body').animate({scrollTop: $(thisTag).offset().top - 100}, 2000);

});

}); // document ready ending brackets



// the form label controls

(function($) {
    function toggleLabel() {
        var input = $(this);
        setTimeout(function() {
            var def = input.attr('title');
            if (!input.val() || (input.val() == def)) {
                input.prev('span').css('visibility', '');
                if (def) {
                    var dummy = $('').text(def).css('visibility','hidden').appendTo('body');
                    input.prev('span').css('margin-left', dummy.width() + 3 + 'px');
                    dummy.remove();
                }
            } else {
                input.prev('span').css('visibility', 'hidden');
            }
        }, 0);
    };

    function resetField() {
        var def = $(this).attr('title');
        if (!$(this).val() || ($(this).val() == def)) {
            $(this).val(def);
            $(this).prev('span').css('visibility', '');
        }
    };

    $('input, textarea').live('keydown', toggleLabel);
    $('input, textarea').live('paste', toggleLabel);
    $('select').live('change', toggleLabel);

    $('input, textarea').live('focusin', function() {
        $(this).prev('span').css('color', '#000');
    });
    $('input, textarea').live('focusout', function() {
        $(this).prev('span').css('color', '#fff');
    });

    $(function() {
        $('input, textarea').each(function() { toggleLabel.call(this); });
    });

})(jQuery);

Cannot understand object

azegurb — Fri, 24 May 2013 07:57:05 +0000

Hi all,
I have taken from net drop down menu script
my web page is medistyle.az. It works perfectly
but when i look up code i cannot understand one thing there
below is code (js. file)

var menu=function(){
    var t=15,z=50,s=6,a;
    function dd(n){this.n=n; this.h=[]; this.c=[]}
    dd.prototype.init=function(p,c){
        a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
        for(i;i=c.mh&&f==1)){
            if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
            clearInterval(c.t); return
        }
        var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
        c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
        c.style.height=h+(d*f)+'px'
    }
    return{dd:dd}
}();

Here i dont understand what does return{dd:dd} mean. I understand dd is name of function(class) but i couldnt understand what does syntax mean (return{dd:dd})
Thanks in advance for attention !!!

VBscript to find duplicates within an array and increment it by 1

mith_cool — Fri, 24 May 2013 03:54:43 +0000

Hi,

I have a scenario where in I had to sort an array, find duplicates and increment one or the other by 1.
So, Eg: An array has 22, 23, 21, 21, 24 within it then, an array should be able to find 21 and increment it by 1 i.e. 22. Also, on the other hand, it should now go scanning from the start and find 22 already present and increment that by 1. So, far had managed to sort an array which is just a part of the entire project.
Anyone too good in VBscript, please?

toggle buton problem

andi.andiiimintoyouu — Fri, 24 May 2013 00:25:47 +0000

html



    This is some text This is some textThis is some textThis is some textThis is some text
    This is some textThis is some textThis is some textThis is some textThis is some text



Css


.button{
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px  1px rgba(0, 0, 0, 0.2);box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
    background:#eee;
    border:0;
    color:#333;
    cursor:pointer;
    font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;
    margin:0;padding:6px 4px;
    text-decoration:none;
    position:relative
}
.example1 p, .example2 p{
    border:1px solid #eee;background:#eee;
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    width:400px;
    padding:10px;
    margin:10px 0
}




Javascript code


$(document).ready(function() {
    $('.example2').hide().before('Open/Close');
    $('a#toggle-example2').click(function() {
        $('.example2').slideToggle(1000);
        return false;
    });
});

uncaught TypeError: Cannot read property '0' of null HELP

techyworld — Thu, 23 May 2013 17:02:26 +0000

Hi anyone can help, am having this error on line 10: uncaught TypeError: Cannot read property '0' of null.
I have use the same code other places, same array but never got this error. I dont know why am having this error here.

this.addEventListener("message",function(e){
    importScripts('test.js');
    var object=e.data;
    object=JSON.parse(object);

    mArray=object.array;
    var test=new test();
    for (var y=0;y<8;y++){
        for (var x=0;x<4;x++){
            word="" + mArray[y][x]+ mArray[y][x+1] + mArray[y][x+2] + mArray[y][x+3] + mArray[y][x+4];
            var object={test:word}
            this.postMessage(JSON.stringify(object));
        }
    }

My date picker

BenWard — Thu, 23 May 2013 15:40:54 +0000

Hello,

Whilst writing this I actually fixed the issue but I thought I'd post anyway as this technique might be useful to others...

I have a javascript class I wrote (alas I can't post the whole code as the IP technically belongs to the company I work for) which presents 3 drop down boxes, 1 for day, 1 for month and 1 for year. If you select an invalid date (eg 30th feb), it automatically updates itself to a near correct date (eg 28th feb) the class handles leap years.

This sadly doesn't work in chrome and I'd appreciate if anyone is interested could offer some small amount of guidance to get me going in the right direction....

You add your date picker to your form like this:

The class definition itself is pretty weird and works perfectly on IE.

Its constructor sets a few variables like how many days there are in each month and the min and max years to be added to the year select box etc and does some validation on the date string passed to it (in the php echo). Importantly, the constructor uses the first parameter (processDate) and suffixes it with Vbl and stores it as a parameter so that it can call itself later on...

It then calls a method called drawFields()

drawFields uses document.write to output form elements to the page;

    document.write ("");

This line in particular creates a hidden form element with the name from the first parameter used to call dateDropper, so, when the form is submitted, the next page's php can use $_POST['processDate'] to reference the whole date and not access all 3 fields separately.

Next is where the class can 'call itself' for want of a better expression...

    document.write ("");

now it all works!

I'm unsure where else anyone might want to do this, it's a pretty unusual concept so far as I know.

Hope this is of assistance!

working slideshow killed when loaded

turpentyne — Thu, 23 May 2013 14:25:33 +0000

I have a carousel that works fine on it's own, but something's killing it when I load its page into my main page. Not sure what would cause it? i'm using "Caroufredsel".

Here's the main page, with script to load page based on which navigation selected. If the user selects "portfolio" it should load a page that includes my slider. Below this is the loaded page.






    

    





    

     
        
            
            MENU
            Title
        
     

     

    
        



        
            
                
                    
                
            

            
                 xx
                        

             /     

            
                
                NOW RELEASING
                
            

             /     

            
                
                PORTFOLIO
                
            

             /     

            
                
                STRATEGY
                
            

             /     

            
                
                VIP FIRST
                
            

             /     

            
                
                CONTACT
                
            

             //    

            
                
                LOGIN
                
            


    


    

          



     

        


        
    

    http://www.thewalshgroup.ca/" target="_blank">POWERED BY THE WALSH GROUP 





 












        






    
        
            

            
                TOWNHOME DEVELOPMENT
                367 asdf Avenue
                ASDFADFASFAADFSADF
            
        

        
            

            
                CUSTOM HOME
                365 asdf Avenue
                ASDFASDFASF
            
        

        
            

            
                DETACHED HOME
                341 HILLDOWN Avenue
                ASDFASDFAFs
            
        

        
            

            
                LOREM IPSUM
                361asfdasdf
                asdfasdf
            
        
    

    

    prev
    next

Here's the page that get's loaded in, including the slideshow. This page will work when I test it by itself. But

Smooth movement of non hidden div

code_rum — Thu, 23 May 2013 11:58:40 +0000

I have some div's one after another.
When i click anywhere the first div hides and other div's shifts to fill the empty space.
But the movement of other div which aren't hidden are not satisfying as it takes the place
but not smoothly.
I have no idea as how should i approach this problem

Here's a link of current scenario
http://jsfiddle.net/code_rum/Xb4ZX/

Thanks in advance

.js validation works for email but not submission to database.

amkaos — Wed, 22 May 2013 16:42:00 +0000

Hi:

i have site contact form that validates required fields w/ .js And php.
if browser has javascript turned on, the req'd info error message will show next to the field boxes ..

if javascript is turned off, then
user will see the same thing but coming from php instead...

the submit goes to database and personal email.
email received shows complete field boxes info.. as expected..

the database will show incomplete submissions that the .js was sposed to stop..
example:: like name is filled but missing email and such..

how can this be so?...
must be something simple//

i didnt try to disable the .js validation to see what happens..
i would rather fix it and keep it

here is code if someone can look at it..
http://jsbin.com/ixupuk/1/edit

thanx

OnPropertyChange

asif49 — Wed, 22 May 2013 16:36:37 +0000

For a script that needs to be run on multiple pages with different coding etiquettes, I need to be able to figure out when there is some dynamic change occuring in the DOM. MutationObservers cater for Chrome and Firefox but I'm having problems with IE so onpropertychange event is something I've chosen to use as it appears to be the only thing that MAY give the behaviour I want.

document.attachEvent("onpropertychange", doThis);

The above is the function which fires the doThis method whenever something occurs. But some of the pages my script needs to run on have unlimited scrolls (similar to what Facebook, LinkedIn have) and rescanning the entire page each time the event fires in order to detect that element where a property was changed is very resource intensive.

If only there was some way to get the particular element that caused the propertychange I would be so happy..

Progress Bar using JavaScript

Bibek_NS — Wed, 22 May 2013 16:29:42 +0000

Can anyone pls help me with how to create a Progress Bar by using JavaScript methods like setInterval() ?

Ignoring event fires

asif49 — Tue, 21 May 2013 14:20:05 +0000

I have an event listener attached to something which will fire a lot based on some user action that has occured on the page or some javscript change. Unfortunately it will be something like 5 or 6 fires in the space of 250ms and I am only interested in the last fire so I can carry out the resource intensive processing. I'd like to ignore all of the fires before that.

Any way this can be achieved keeping in mind we don't know how many times it will fire.

'Live' updates of div without hammering server

MargateSteve — Tue, 21 May 2013 12:18:08 +0000

We recently had our account suspended (without warning - thanks 1&1) due to exceeding server load.

The reason this happened was there were quite a few divs that were refreshing (via Ajax) every 9 seconds to give a 'live update' on the site (it is a sports site so this was to give live score updates etc).

Now I am looking for an alternative way of getting the same functionality without putting strain on the server and, ideally, not register a page hit on each refresh and hopefully someone can give me advice on the best way to go.

Currently, each of these divs call a seperate page which pulls data from a MySQL database. I have read that there are ways to check that file and only refresh the div if it has changed. Ideally, however, I would like to pull the data directly into the div, without using the middle page, and get that to update if the data in the database has changed.

Having said that, I am open to any suggestions or pointers that will give me the same live updates without running the risk of the host pulling the plug again!

Thanks
Steve

Global variables in Javascript class with functions?

riahc3 — Tue, 21 May 2013 11:17:31 +0000

Hello

I have this similar code:

var SomeVar = Class.create({
    one: null,
    two: null,
    three: null,

initialize: function(one, two) {
        this.one = one;
        this.two = two;

    },

startListeners: function() {


        $j('#somediv1').mousedown(function(e) {


        this.three=3;
        three="hi"



        }.bind(this));


    $j('#somediv2').mousedown(function(e) {


        console.log(this.three);
        console.log(three);



        }.bind(this));
    },

});

As you see there are more can one variable called "three". What is the best way to have one common variable named three where I can modifiy it freely and it does not get deleted/destroyed everytime I do a mousedown on divone then on divtwo it comes out null.

It may be related but what the hell is "}.bind(this));"?

1 JS to run across several unknown pages

asif49 — Tue, 21 May 2013 08:52:13 +0000

I have script which will run across multiple pages I don't know about. Say I want to replace some text within it. I attempt to do it by looping through every element on the page and checking if it matches the regex before replacing it but keep getting this...

SCRIPT5007: Unable to get value of the property 'go': object is null or undefined
rs=AItRSTO5xlMcJYBeFTggpnLiO7-4oJljag, line 1533 character 260
SCRIPT5007: Unable to get value of the property 'go': object is null or undefined
rs=AItRSTO5xlMcJYBeFTggpnLiO7-4oJljag, line 1533 character 260

Or on some pages instead of 'go' it lists another property. Anyone know what this could mean?

Animation Issues

Djmann1013 — Tue, 21 May 2013 00:28:00 +0000

I am having trouble animating a div on the same page as the div that is not animating. Here is my code:

Page 2

Page 1

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">



    

    

    

        Blog Posts

I do not have anymore ideas of why this could be happening. Can anyone figure out this issue? Thanks for helping.

One of those stupid questions: What is "+=" and "-="?

riahc3 — Mon, 20 May 2013 10:23:36 +0000

Hello

This is one of those stupid questions but you gotta ask to be sure

What is

var h=0;
h += 5;

var l=0;
l -= 5;

Is it the same as:

var h=0;
h = h+ 5;

var l=0;
l = l- 5;

Thanks and sorry for the stupidity

Hover popup that appears pointing to a button then disappears

riahc3 — Mon, 20 May 2013 09:58:23 +0000

Hello

How can a small (I imagine jQuery UI popup) popup hover over a page then disappear after x seconds?

Image Slider Help

Shalomd — Mon, 20 May 2013 08:26:25 +0000

Dear Friends,
I've generated Image Slider using WOWSlider.
Now I wants to add tooltip to that Image Slider.
It's mean, when user hover mouse on the each slider each tooltip should be displayed.
How can I do it??
Please help me friends.

getDateFromFormat is not defined

xuexue — Mon, 20 May 2013 00:36:36 +0000

Hi!

This is my code to get the difference of two dates in Javascript.

var today = new Date();

            var dd = today.getDate();

            var mm = today.getMonth()+1; //January is 0!

            var yyyy = today.getFullYear();



            if (dd < 10)

            {

                dd='0'+dd

            } 

            if (mm < 10)

            {

                mm='0'+mm

            } 



            today = mm+'/'+dd+'/'+yyyy;

            var minutes = 1000*60;

            var hours = minutes*60;

            var days = hours*24;


            var foo_date1 = getDateFromFormat(today, "M/d/y");

            var foo_date2 = getDateFromFormat("02/28/2015", "M/d/y");



            var diff_date = Math.round((foo_date2 - foo_date1)/days);

            var ans = Math.abs(diff_date);

            alert(ans);

This works fine in my localhost. However, when I upload it to the server. It does not work anymore.
When I use IE, this is the error it founds.

I tried to chmod the file permissions for all the javascripts and jquery it needs even the folder that these javascript is contained. But it does not do anything.

Kindly help me please :((

keypress causing my sidebar and content to disappear

zacharysr — Sun, 19 May 2013 22:34:47 +0000

so i have a problem, i'm trying to make a live chat where two members can chat without having to refresh the page, and i have got everything work up to where you start typing in the textarea, well i'm trying to check for the "enter" key to be pressed, and when it's pressed it'll send the message, but now when ANY key is pressed, it'll make the sidebar div and content div's content disappear, when i look at the html it'll still be there, but not visible on the page...

if you want to see what it's doing on the website the links http://www.daparadise.com/test/autochat/long_poller.php# please help iv'e been working on this for a couple days and want to get it to work to release on the site ASAP.

Your Full Name:
Company Name:
Your Email:
Telephone: (Please include Country Code)
Mobile Phone:
Street Address Line 1
Street Address Line 2
City:
Postal / Zip Code:
Province / State:
Country:
my iBOX IPTV Serial Number:

Active my iBox IPTV
Please Enter Valid Info Registration Successfully