A small problem

[DJ24966]

Ok, after getting the rest of my issues fixed thanks you guys, I was wondering if you could help out with 1 last thing. We have incorporated categories to our chat site to keep things organized.

 

In the past, the user could just input the room name and join, no problem all worked well. Here is the code we used then.

<b>Create a Chat:</b><br>
<form method="GET" action="http://chatterupchat.webhop.org/chat/channel.aspx">
    <input type="hidden" name="member" value="XS803m">
  Room: <input name="value" type="text"><br>
  <input type="submit" value="Create">
</form>

 

No, how could I make the following.

I need the category to show up directly after the channel.aspx, so, an example would be.

 

http://chatterupchat.webhop.org/chat/channel.aspx?value=[GN]TheLobby&member=XS803m

 

Here is the code I have no, which obviously, does not work

 

<b>Create a Chat:</b><br>
<form method="GET" action="http://chatterupchat.webhop.org/chat/channel.aspx">
    <input type="hidden" name="member" value="XS803m">
  Room: <input name="value" type="text"><br>
  Category: <select name="cat">
<option value="[CP]">Computing</option>
<option value="[EN]">Entertainment</option>
<option value="[GN]">General</option>
<option value="[iE]">Interests</option>
<option value="[NP]">News & Politics</option>
<option value="[RO]">Romance</option>
<option value="[RE]">Religion</option>
<option value="[PE]">Peers</option>
<optoin value="[sP]">Sports & Recreation</option>
<option value="[TE]">Teens</option>
</select>
  <input type="submit" value="Create">
</form>

 

Any help would be highly appreciated.

[laPistola]

hidden field with name of value and the value of this field would be the cat name built and inserted into the value using javascript and an onclick or on submit event that starts the js funchion

[DJ24966]

hmm, can't seem to get it to work, can someone show the code for me?

[laPistola]

i new you was hankering for someone to do it for you lol

 

first change your form to to this

<form method="GET" action="http://chatterupchat.webhop.org/chat/channel.aspx">
    <input type="hidden" name="member" value="XS803m">
  Room: <input id="value" name="value" type="text"><br>
  Category: <select id="cat" name="cat">
<option value="[CP]">Computing</option>
<option value="[EN]">Entertainment</option>
<option value="[GN]">General</option>
<option value="[iE]">Interests</option>
<option value="[NP]">News & Politics</option>
<option value="[RO]">Romance</option>
<option value="[RE]">Religion</option>
<option value="[PE]">Peers</option>
<optoin value="[sP]">Sports & Recreation</option>
<option value="[TE]">Teens</option>
</select>
  <input type="submit" value="Create" onclick="buildCat()">
</form>

 

put this is the head

 

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   
   document.getElementById('value').value = selI;
//-->
</script>

 

if computting was selected this will output http://chatterupchat.webhop.org/chat/channel.aspx?member=XS803m&value=[CP]

[DJ24966]

See, I could have gotten it to do that, but thats not whats needed.

 

I need the [CP] or whatever cat to appear infront of the room name, like this.

 

http://chatterupchat.webhop.org/chat/channel.aspx?value=[GN]TheLobby&member=XS803m

 

Otherwise, it will not place the channel into a category like I would like for it to.

 

Sorry for the confusion

[laPistola]

use this script then

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   var selT = selD.options[selD.selectedIndex].text;
   var buLi = selI+selT; 
   
   document.getElementById('value').value = buLi;
//-->
</script>

[laPistola]

oh i see what you mean now

<form method="GET" action="http://chatterupchat.webhop.org/chat/channel.aspx">
    <input type="hidden" name="member" value="XS803m" />
    <input type="hidden" name="value" id="value" value="" />
  Room: <input id="room" name="room" type="text"><br>
  Category: <select id="cat" name="cat">
<option value="[CP]">Computing</option>
<option value="[EN]">Entertainment</option>
<option value="[GN]">General</option>
<option value="[iE]">Interests</option>
<option value="[NP]">News & Politics</option>
<option value="[RO]">Romance</option>
<option value="[RE]">Religion</option>
<option value="[PE]">Peers</option>
<optoin value="[sP]">Sports & Recreation</option>
<option value="[TE]">Teens</option>
</select>
  <input type="submit" value="Create" onclick="buildCat()">
</form>

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   var selT = document.getElementById('room').text;
   var buLi = selI+selT; 
   
   document.getElementById('value').value = buLi;
//-->
</script>

[/code

[DJ24966]

hmm, both ways I'm still getting the same URL with the same results.

 

http://chatterupchat.webhop.org/chat/channel.aspx?member=XS803m&value=&room=Test&cat=[iE]

 

I've been having the same issue, everything I have tried resulted in that. When this is what I need it to look like.

 

http://chatterupchat.webhop.org/chat/channel.aspx?value=[iE]Test&member=XS803m

[laPistola]

does it have to be in that order and does it matter is room= and cat= is there??

[DJ24966]

It has to look identical to the URL I posted or else you get an application error.

 

http://chatterupchat.webhop.org/chat/channel.aspx?value=[GN]TheLobby&member=XS803m

 

As you notice, that one will work fine, I'm just confused on how to get mine working.

[laPistola]

Well that funny on my part, i missed the final } in the javascript.. doh

 

so try this as you JS

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   var selT = document.getElementById('room').value;
   var buLi = selI+selT; 
   
   document.getElementById('value').value = buLi;
}
//-->
</script>

 

and this as your form

 

<form method="GET" action="http://chatterupchat.webhop.org/chat/channel.aspx">
    <input type="hidden" name="value" id="value" value="" />
    <input type="hidden" name="member" value="XS803m" />    
  Room: <input id="room"  type="text"><br>
  Category: <select id="cat">
<option value="[CP]">Computing</option>
<option value="[EN]">Entertainment</option>
<option value="[GN]">General</option>
<option value="[iE]">Interests</option>
<option value="[NP]">News & Politics</option>
<option value="[RO]">Romance</option>
<option value="[RE]">Religion</option>
<option value="[PE]">Peers</option>
<optoin value="[sP]">Sports & Recreation</option>
<option value="[TE]">Teens</option>
</select>
  <input type="submit" value="Create" onclick="buildCat()">
</form>

 

 

[laPistola]

also i noticed this

 

<optoin value="[sP]">Sports & Recreation</option>

 

should be

<option value="[sP]">Sports & Recreation</option>

[DJ24966]

Well that funny on my part, i missed the final } in the javascript.. doh

 

so try this as you JS

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   var selT = document.getElementById('room').value;
   var buLi = selI+selT; 
   
   document.getElementById('value').value = buLi;
}
//-->
</script>

 

and this as your form

 

<form method="GET" action="http://chatterupchat.webhop.org/chat/channel.aspx">
    <input type="hidden" name="value" id="value" value="" />
    <input type="hidden" name="member" value="XS803m" />    
  Room: <input id="room"  type="text"><br>
  Category: <select id="cat">
<option value="[CP]">Computing</option>
<option value="[EN]">Entertainment</option>
<option value="[GN]">General</option>
<option value="[iE]">Interests</option>
<option value="[NP]">News & Politics</option>
<option value="[RO]">Romance</option>
<option value="[RE]">Religion</option>
<option value="[PE]">Peers</option>
<optoin value="[sP]">Sports & Recreation</option>
<option value="[TE]">Teens</option>
</select>
  <input type="submit" value="Create" onclick="buildCat()">
</form>

 

Thanks again, and yeah, I noticed that as well.

 

All is working! Once I get everything done, I will include this site in the credits for helping us out.

 

I really do appreciate it.

 

Thank you!

[DJ24966]

Is it possible to detect if the users Room name has a space in it, and have the code replace the space with an _?

 

Thanks

[laPistola]

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   var selT = document.getElementById('room').value;
   var sRE = selT.replace(/ /g,"_");
   var buLi = selI+sRE; 
   
   document.getElementById('value').value = buLi;
}
//-->
</script>

[DJ24966]

<script type="text/javascript">
<!--
function buildCat() {
   var selD = document.getElementById('cat');
   var selI = selD.options[selD.selectedIndex].value;
   var selT = document.getElementById('room').value;
   var sRE = selT.replace(/ /g,"_");
   var buLi = selI+sRE; 
   
   document.getElementById('value').value = buLi;
}
//-->
</script>

 

Awesome man, Thank you so much. I guess it was you who was in a room yesterday? I didn't have mine opened up, it was minimized and I didn't see it till last night.

[laPistola]

yes after you reported my script not working i did it myself to test, thats when i saw the missing }

[DJ24966]

Well, again I appreciate it.

 

Thanks