Find Jobs
Hire Freelancers

Need JavaScript code that adds / strings 3 select box values together to display a picture based on the values...

$10-30 USD

Terminado
Publicado hace alrededor de 9 años

$10-30 USD

Pagado a la entrega
Hello, I have a page that uses Javascript to swap an image (onchange) from a drop down select box. The code is working for the 1 select box, BUT I want to add in 2 more select box's and have the picture displayed based on the value of any box. I need the script to add the values together in a string and then use that string to call the correct image. All 3 box's MUST be viewable at all times, and any selection from any box does the change (onchange on all 3 selects). Example: (value) Select 1: store size (options: small(1); medium(2); large(3); bigbox(4)) Select 2: store color (options: red(A); yellow(B); green(C); blue(D); white(E)) Select 3: store awning (options: red(10); white(20); blue(30); black(40); white(50)) Default page load = small; white; white (and that image is displayed) =/[login to view URL] If I change store color to red, the image displayed would be =image/[login to view URL] If I then changed store awning to black, image would load =image/[login to view URL] Here you can view the demo of onchange when 1 box (store size) is changed... [login to view URL] Here's the select script used: <select onchange="show([login to view URL]);" name="storesize" style="font-weight: 700" size="1"> <option value="1">Small - FREE</option> <option value="2">Medium - $5mo</option> <option value="3">Large - $15mo</option> <option value="4">BigBox - $25mo</option> </select> Here's the code that displays the picture: <div style="overflow-x:auto; float:right; display:inline; width: 900px; height: 460px;"><img id="picture" src=""/> </td></div> And here's the script head code that's used with the 1 select: <script type="text/javascript"> var linkData = [ ['[login to view URL]'], ['[login to view URL]'], ['[login to view URL]'], ['[login to view URL]'] ] //preload the pics var picO = new Array(); for(i=0; i < [login to view URL]; i++){ picO[i] = new Image(); picO[i].src = linkData[i][0]; } function show(val) { [login to view URL]('picture').src = picO[val-1].src; [login to view URL]('caption').href = linkData[val-1][1]; } window.onload=function(){ show(1); } </script> In this script, I needed to add each image locations in the <head>. I don't want to do that for each. Rather, I'd like the code to piece together the values to create the full picture address... picture = /images/<storesizevalue><storecolorvalue><storeawningvalue>.png I'm guessing the whole <head> script needs to change, that is fine. I've tried soooo many different tings for days now, can't figure this out :p Please help!
ID del proyecto: 7093139

Información sobre el proyecto

2 propuestas
Proyecto remoto
Activo hace 9 años

¿Buscas ganar dinero?

Beneficios de presentar ofertas en Freelancer

Fija tu plazo y presupuesto
Cobra por tu trabajo
Describe tu propuesta
Es gratis registrarse y presentar ofertas en los trabajos
Adjudicado a:
Avatar del usuario
I'm here to help you! ******I HAVE THE FIXED SCRIPT READY!!!******* Chat me so we can talk better on details, Steve
$25 USD en 0 día
5,0 (13 comentarios)
4,2
4,2
2 freelancers están ofertando un promedio de $28 USD por este trabajo
Avatar del usuario
A proposal has not yet been provided
$25 USD en 1 día
5,0 (28 comentarios)
5,0
5,0
Avatar del usuario
HI SIR, GREETINGS FROM DEFTCODERS As Per Your Requirement You Are Looking For The Expertise In Web Design And Development For Your Business. We Would Be Happy To Work With You So That We Can Show Up Our Capabilities In Web Development. Let Us Know Yours Website Url And Details Related To Project. We Are Having 7 Years Of Experience In This Field Of Web Designing And Development. We Use Latest Technologies To Present Your Business Online That Helps In Branding Of Website. We Design, Build And Develop Websites Using Mysql, Php, Wordpress,Woo Commerce , Joomla, Magento, Drupal, Cake Php, Codeigniter And More As Per Client’s Requirements. We Are Committed To Build Better And Better Business Websites That Meet All Development Needs. Deftcoders Is Serving Clients/Organization Globally In The Fields Of Web Designing And Development, Web Application & E Commerce Solutions From Last 5 Years. We Work As A Team To Encourage Ourselves To Provide Best Solutions To Our Customers. We Believe In Ourselves That Helps Our Professionals To Work Under Any Kind Of Circumstances. We Are Fully Aware With The Business Importance And Reputation And So, Therefore We Work To Satisfy Our Clients To Have Trust In Us To Make Better Professional Relationships. LOOK FORWARD TO HEAR FROM YOU. REGARDS DEFTCODERS
$30 USD en 1 día
0,0 (0 comentarios)
0,0
0,0

Sobre este cliente

Bandera de UNITED STATES
Abington, United States
5,0
8
Miembro desde feb 5, 2015

Verificación del cliente

¡Gracias! Te hemos enviado un enlace para reclamar tu crédito gratuito.
Algo salió mal al enviar tu correo electrónico. Por favor, intenta de nuevo.
Usuarios registrados Total de empleos publicados
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Cargando visualización previa
Permiso concedido para Geolocalización.
Tu sesión de acceso ha expirado y has sido desconectado. Por favor, inica sesión nuevamente.