Dinamic Image from parameter in URL

[mefumoungallo]

Hello, i know nothing about Javascript and i hope someone in the bast
net can help me resolve this, i need to show an image based on a
parameter in the url.

http://www.mysite.com/modules/news/i...hp?storytopic=[value]

Where i have numeric values to say 5 max... so if storytopic=1 shows a
diferent header as if storytopic value where 2, or 3 for example.

i got this from the web....

 
function getURLParam(strParamName){
var strReturn = "";
var strHref = window.location.href;
if ( strHref.indexOf("?") -1 ){
var strQueryString =
strHref.substr(strHref.indexOf("?")).toLowerCase();
var aQueryString = strQueryString.split("&");
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
if (aQueryString[iParam].indexOf(strParamName + "=") -1 ){
var aParam = aQueryString[iParam].split("=");
strReturn = aParam[1];
break;
}
}
}
return strReturn;
}
 
 

but im still tring to figure it out... :-$

can someone be kind enough to help me with this, that -i only assume-
must be kind of easy to someone who knows the language.

Thanks.

Rojo, DJ.
México

[web.dev]

me***********@gmail.com wrote:

Hello, i know nothing about Javascript and i hope someone in the bast
net can help me resolve this, i need to show an image based on a
parameter in the url.

http://www.mysite.com/modules/news/i...hp?storytopic=[value]

Where i have numeric values to say 5 max... so if storytopic=1 shows a
diferent header as if storytopic value where 2, or 3 for example.

If when your form gets submitted and your url looks exactly like the
above, then this will suffice:

function getStoryTopic()
{
var querystring = location.search;
var topic = -1;

if(querystring.length 0)
{
topic = +querystring.split("=")[1];
}

switch(topic)
{
case "1":
//show image for topic 1
break;
case "2":
//show image for topic 2
break;
case "3":
//show image for topic 2
break;
case "4":
//show image for topic 2
break;
case "5":
//show image for topic 2
break;
default:
//there was no topic
break;
}
}

[Alvaro G. Vicario]

*** me***********@gmail.com escribió/wrote (25 Aug 2006 15:42:19 -0700):

Hello, i know nothing about Javascript and i hope someone in the bast
net can help me resolve this, i need to show an image based on a
parameter in the url.

http://www.mysite.com/modules/news/i...hp?storytopic=[value]

Where i have numeric values to say 5 max... so if storytopic=1 shows a
diferent header as if storytopic value where 2, or 3 for example.

Untested:
<script type="text/javascript"><!--
function parseGet(variable){
var get=document.location.search.substring(1).split('& ');
for(var i=0; i<get.length; i++){
var igual=get[i].indexOf('=');
if(get[i].substring(0, igual)==variable){
return unescape(get[i].substring(igual+1));
}
}
return('');
}

var img='';
switch(parseGet('storytopic')){
case '1':
var img="foo.jpg";
break;
case '2':
var img="bar.jpg";
break:
}
if(img!=''){
document.writeln('<img src="' . img . '">');
}
//--></script>


--
-+ http://alvaro.es - Álvaro G. Vicario - Burgos, Spain
++ Mi sitio sobre programación web: http://bits.demogracia.com
+- Mi web de humor con rayos UVA: http://www.demogracia.com
--

[mefumoungallo]

Thanks everyone.. i tried both your scripts, but as none worked for me,
most probably because i did wrong i used this and is working.

 
function getURLParam(strParamName){
var strReturn = "";
var strHref = window.location.href;
if ( strHref.indexOf("?") -1 ){
var strQueryString =
strHref.substr(strHref.indexOf("?")).toLowerCase();
var aQueryString = strQueryString.split("&");
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
if (
aQueryString[iParam].indexOf(strParamName + "=") -1 ){
var aParam = aQueryString[iParam].split("=");
strReturn = aParam[1];
break;
}
}
}
return strReturn;
}
var topic = getURLParam("storytopic");
 
switch(topic)
{
case "1":
document.writeln('<img src="image1.jpg">');
break;
case "2":
document.writeln('<img src="image2.jpg">');
break;
case "3":
document.writeln('<img src="image3.jpg">');
break;
default:
document.writeln('<img src="default.jpg">');
break;
}
 
 

Very usefull to me... Thanks again for your reply's.

Gracias

Rojo, DJ.
México.