Hi, Can i Have in image instead of a button on the following HTML Code?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
hi heres the code!

see it says go, i want an image there.

What Comedy Do You Want? Home Image Comedy Coming Soon Coming Soon

thanks

al
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
  • Happy!

Posted 10 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Yep! You sure can! Here's the code. Use this in place of your

--!>

I think this is the right code. Let me know if it doesn't work.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks little us, im testing it now.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
hey littleus! small problem

heres result
What Comedy Do You Want? Home Image Comedy Coming Soon Coming Soon

not quite right the button is in the wrong place and it just refreshes the page. whats up?

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
ohh... I'm dumb. I used this on my jotform to replace my submit button.

We need to figure out how to add in the url piece of it so that when you hit "go", it takes you to the page you want. Does the image show up though?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Alex,

You have transposed some code here.

src="http://...................
hould go after class=
and beofre "type=
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
wait peter, im stuck... dont understand what ypu mean by transposed
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
You've switched the order of the instructions from what littleus gave you to what you typed in.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
how, im a bit lost
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Try this code Alex:

--!>
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
still just refreshes the page, dont do anything...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
What did you want it to do exactly? Go to the pages the person has selected?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
yup.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I copied your form code onto my site. I think what the problem is that you don't have the links set up. Try this drop-down menu.

your page name your page name < input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO" > --!>

Try that and then we'll go from there.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
it works without the image st http://logikomdy.synthasite.com

see?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
it's on a placeholder page right now
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
oops sorry Typo ( i was eatin an ice cream so i could only type with 1 hand!)

try http://logikomedy.synthasite.com
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
This for sure works cuz I tried it on my site:

< form name=Jump > < script language="JavaScript" > function jumpJumpMenu(){ location=document.Jump.menu.options[document.Jump.menu.selectedIndex].value; } < /script > < select name="menu" > < option value="YOUR PAGE URL/" >PAGE NAME< /option >< option value="YOUR PAGE URL/" >PAGE NAME< /option > < /select > < a href="javascript:jumpJumpMenu();">< img src="YOUR IMAGE URL border=0 >< /a > < /form > --!>
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks littleus, i will try it now!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You'll need to take out all spaces before and after < > It was the only way I could make the code show up.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
ok, im editing the HTML now
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
This is where I got the code from - it's a drop down menu generator that allows you to type in your image url. Then, it gives you a code. Also allows for color customization too!

http://www.ricocheting.com/js/drop.html
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
little us, i need About 5 drop downs not 2 and when i try and make 3 more it doent work...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hold on alex... let me tinker with it.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
ok,
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Thanks for all your help on this one littleus!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
No problem Emmy. I'm actually learning as I try to help Alex. This is my first time even using this code! =) I love how I'm always learning new things and being challenged on here.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Here it is Alex. I think the easiest thing to do though is to go to the link I gave you above. This allows you to type in everything.

< form name=What Comedy Do You Want? >
< script language="JavaScript" >
function jumpWhat Comedy Do You Want?Menu(){
location=document.What Comedy Do You Want?.menu.options[document.What Comedy Do You Want?.menu.selectedIndex].value;
}
< /script >
< select name="menu" >
< option value="http://logikomedy.synthasite.com/">Home
< option value="http://logikomedy.synthasite.com/pict..." >Image Comedy< /option>
< option value="http://logikomedy.synthasite.com/comi... Soon< /option>
< option value="http://logikomedy.synthasite.com/comi... Soon< /option>
< /select>
< a href="javascript:jumpWhat Comedy Do You Want?Menu();">< img src="http://littleustestsite.synthasite.co..." border=0 >< /a>
< /form >
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I hope I got everything. If not... I apologize. Check this link out to tweak it more:

http://www.ricocheting.com/js/drop.html
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
not workin, javscript error
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
arrrggghh... can you try the link I sent you? I had it working on mine! I may have messed up the code when trying to make sure it showed up on here.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
i think somthings gone wrong,

hers code...
<!--<form name=What Comedy Do You Want?><script language="JavaScript">function jumpWhat Comedy Do You Want?Menu(){location=document.What Comedy Do You Want?.menu.options[document.What Comedy Do You Want?.menu.selectedIndex].value;}</script><select name="menu"><option value="http://logikomedy.synthasite.com/">Ho... value=http://logikomedy.synthasite.com/pict... Comedy</option><option value="http://logikomedy.synthasite.com/comi... Soon</option><option value="http://logikomedy.synthasite.com/comi... Soon</option></select><a href="javascript:jumpWhat Comedy Do You Want?Menu();"><img src=resources/Search%20btn.png border=0>-->

have you made a typo.

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
did you try this on the generator?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Okay... I tested and retested this thing! This is for your site. You just have to replace my image url to yours. Be sure to take out the --!> and any spaces between the text and the < >. Also make sure you take out the space after the { and before the }

<!--<form name=jump> < script language="JavaScript" > function jumpMenu(){ location=document.jump.menu.options[document.jump.menu.selectedIndex].value; } </script> <select name="menu"> <option value="http://logikomedy.synthasite.com">Hom...> <option value="http://logikomedy.synthasite.com/pict... Comedy</option> <option value="http://logikomedy.synthasite.com/comi... Soon</option> <option value="http://logikomedy.synthasite.com/comi... Soon</option> </select> <a href="javascript:jumpMenu();">< img src="http://littleustestsite.synthasite.co..." border=0 ></a> </form>--!>
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Use this generator instead:

http://janim.net/free-online-tools/dr...
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks littleus!

I will try to add this code to my site ater.

al

http://logikomedy.syntnhasite.com
Photo of Riya

Riya

  • 21 Posts
  • 0 Reply Likes
hi guys what exactly does this code do? i understand it replaces an image but wherebout on the site do u add the code?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
its a sort of navigation menue, go on my site at

http://logikomedy.synthasite.com

go under the video ad and see the drop down? thats the code, im just perplacing the go btn with a image!

NEED HELP? jUST SAY! im here to help!

al
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Alex.. any success???