Changing content on a page using javascript via a url string -

-

i'm designer not js coder great on this.

using javascript or jquery how replace content on page via string in url?

so if content 'a' normal content via http://www.example.com , if 'a' replaced content 'b' via http://www.example.com/index.html?content=b.

example:

content a

<div id="video-player"> vimeo code </div>

to replaced content b

<div id="video-player"> youtube code </div>

via string in url http://www.example.com/index.html?player=youtube if there no string in url default , show vimeo code

edit

ok on html page now

<html xmlns="http://www.w3.org/1999/xhtml"> <head>  <script type="text/javascript" src="js/test.js"></script> </head>  <body>  <div id="video-player"> vimeo </div>  </body> </html>

and in js page

window.location.href.split('?')[1].split('&')[0].split('content=')[1] var content_value = window.location.hash.substring(1) // hashses or var content_value = window.location.href.split('?')[1].split('&')[0].split('content=')[1] // ? if (content_value === "b") {   $('#video-player').html(vimeo_code); } else {   $('#video-player').html(youtube_code);

is right?

the easiest wat use hash tag. use ? harder implement. instead of index.html?content=b use index.html#b , can reference using window.location.hash.substring(1) give b in scenario. can use if statement check value , adjust content accordingly.

alternatively, if need use ? can use window.location.href.split('?')[1].split('content=')[1] not guaranteed work in every situation, if have more 1 variable there. multiple variables use 

window.location.href.split('?')[1].split('&')[0].split('content=')[1]

your complete code this:

$(function () {   var youtube_code, vimeo_code, content_value;   youtube_code = "the code youtube goes here";   vimeo_code = "the code vimeo goes here";   content_value = (typeof window.location.href.split('player=')[1] !== "undefined") ? window.location.href.split('player=')[1] : "";    if (content_value === "youtube") {     $('#video-player').html(youtube_code);   } else {     $('#video-player').html(vimeo_code);   } });

you use else ifs if wanted more content options. use 1 of top 2 lines depending on option chose.

edit: changed code complete code (and optimised bit). not need add else apart changing youtube_code , vimeo_code correct values.

edit: optimised , made check if there player= in url.


Comments

Post a Comment

Popular posts from this blog

iphone - Using nested NSDictionary with Picker -

-
newbie here, i have single component picker set plist, each item being array, multiple strings in each array app uses. currently plist structure this: nsdictionary -> nsarray -> nsstring | | items in picker data each item but now, want: nsdictionary -> nsdictionary -> nsarray -> nsstring | | | different picker data sets items in picker data each item so there multiple sets of picker components show using segmented control etc... i'm not sure if possible, , hoping save me making many different separate picker controllers. what has me stumped getting ingested properly this have now, builds crashes (debug info below): nsbundle *bundle = [nsbundle mainbundle]; nsstring *plistpath = [bundle pathforresource:@"camerasdatabase" oftype:@"plist"]; nsdictionary *dictionary = [[nsdictionary alloc] initwithcontentsoffi...
Read more

javascript - Iterate over array and calculate average values of array-parts -

-
i have array this: ["2011-06-16 16:37:20",23.2], ["2011-06-21 16:37:20",35.6], ["2011-06-26 16:37:20",41.8], ["2011-07-01 16:37:20",25], ["2011-07-06 16:37:20",22.8], ["2011-07-11 16:37:20",36.4], ["2011-07-16 16:37:20",34], ["2011-07-21 16:37:20",20] [...] format: [$date,count] now need add 3rd 4th value every array element, average of n counts before or after. example if n=3 the 3rd value should average of 3 count-values before , 4th value should average of 3 count-values after current array element. result that: ["2011-06-16 16:37:20",23.2, null, 34.13], ["2011-06-21 16:37:20",35.6, null, 29.86], ["2011-06-26 16:37:20",41.8, null, 28.06], ["2011-07-01 16:37:20",25, 33.53, 31.06], ["2011-07-06 16:37:20",22.8, 34.13, 30.13], ["2011-07-11 16:37:20",36.4, 29.86, null], ["2011-07-16 16:37:20",34, 28.06, null], ["2...
Read more

php - accessing mysql using different server to which db connection data is located -

-
i'm trying include file db connection info (hostname password username). this have far: include ('http://site.com/config35sdf322e54353452d/wp2154654315634652132513546541564.php'); mysql_connect($hostname,$username,$password); @mysql_select_db($dbname) or die( "unable select database"); include ('../refference.php'); $select = mysql_query("select my_field $usertable ". "gdi_username = '$sponsor_gdi_id' , unique_id = '$sponsor_refference'"); while($check = mysql_fetch_array($select)) { $sponsor_email = $check["email"]; $sponsor = $check["gdi_username"]; $sponsor_first_nme = $check["first_name"]; $sponsor_second_nme = $check["last_name"]; $sponsor_domain = $check["gdi_domain"]; $unq_id = $check["unique_id"]; } $sponsor_name = "$sponsor_first_nme $sponsor_second_nme"; echo "$sponsor $hostname" ?> i err...
Read more