ansaurus

Question

Javascript Phone Swap

Answer 1

+1 A:

Chad_K 2010-03-16 16:15:37

@Chad_KThanks for your response. Can you fill in 2 fake phone numbers in the above example? I'm not 100% sure, where they are supposed to go.

Batfan 2010-03-16 16:36:02

Answer 2

+1 A:

UPDATED

DEMO:

GO here: http://jsbin.com/imawo4/85

THEN here: http://jsbin.com/imawo4/85/?value=john

include the jQuery Cookie Plugin

then use this:

HANDLE URL PARAMETER

  $.extend({
        getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
         for(var i = 0; i < hashes.length; i++)
          {
        hash = hashes[i].split('=');
         vars.push(hash[0]);
        vars[hash[0]] = hash[1];
       }
      return vars;
 },
     getUrlVar: function(name){
     return $.getUrlVars()[name];
     }
  });

MAIN CODE

$(function() {
// SETTINGS
var identity = 'john';
var phone_number_1 = '555-555-555';
var phone_number_2 = '666-666-666';
var redirect = 'http://jsbin.com/imawo4/85/';

//MAIN SCRIPT
var url_query = $.getUrlVar('value');   
var coockie = $.cookie('phone_number');  
var swapped_phone_number = ( coockie == 'VALID' ) ? phone_number_1 : phone_number_2;
if ( url_query == identity && coockie != 'VALID' && url_query != undefined ) {
$.cookie( 'phone_number' , 'VALID' , { expires: 10 } );
window.location.href = redirect;}
if ( url_query != identity && coockie == null && url_query != undefined ) {
$.cookie( 'phone_number' , null );  
alert('INVALID');}
$('#the_one_already_here').text(swapped_phone_number);
});

HTML PART

<body>
<!--/ output numbers /-->
<div id="the_one_already_here"></div>
</body>

This should work as expected! ;-)

aSeptik 2010-03-16 16:30:02

@aSeptikThanks for your post. How would I get this to work without the prompt? Like just have a number, add a variable to the URL, then have a different number?

Batfan 2010-03-16 16:38:06

of course, the alert was just for Advice you of the change! but you can easily... se the update! ;-)

aSeptik 2010-03-16 16:45:43

@aSeptikLooks awesome. The only thing I'm a little confused on is where to define the phone numbers?

Batfan 2010-03-16 17:11:04

@aSeptik, also where do I enter the variable, for the URL?

Batfan 2010-03-16 17:21:37

We have defined the COOKIE_NAME for easy access, then regarding the URL variable, this depend on what you are trying to do! from where this swap number come from!?

aSeptik 2010-03-16 17:28:36

@aSeptikIt doesn't really matter, as long as I can specify 2 separate phone numbers in the javascript.I don't even want the 'swap my number link'. For example when I go to test.com/testpage.html I want 555-555-5555 displayed. When I go to test.com/testpage.html?paid= I want 555-666-6666 to be displayed. I would want ANY instance of the phone number on the page replaced.The cookie is to ensure that the number stays the same. Until the cookies are cleared, of course :)

Batfan 2010-03-16 17:34:02

Ok, Ok! no problem ;-) you don't really need to use a link! for swap! you just need to point your browser to es.: http://mysite.com/?value=myclientname ... see the update!

aSeptik 2010-03-16 17:44:56

@aSeptik , we're getting closer but, I cant test the new code because the page keeps refreshing over and over.

Batfan 2010-03-16 18:05:30

try now! your url must be http://yoursite.com/?value=john

aSeptik 2010-03-16 18:14:17

@aSeptik That works almost perfectly! :) The only thing is, the cookie doesnt seem to be working. After I have visited the page (with the default number) and then entered the value on the new page (with the new number), if I go back to the main page (no value) the number switches back. It should stay until I clear my cookies.

Batfan 2010-03-16 18:21:27

Sorry for the delay, updated once again, try it now! ;-)

aSeptik 2010-03-16 22:45:42

ansaurus

tags:

views:

answers:

Javascript Phone Swap

related questions