i got following code, , want have variable read select value , every time change select value add new value older one, dont know why doesnt work
var tamany = document.getelementbyid('tam'); var = document.getelementbyid('tam').value var ancho = "300"; var largo = "300px"; var cc = parseint(ancho) + parseint(i); function aa() { document.getelementbyid("change").style.width = (cc + '+px+'); document.getelementbyid("change").style.height = (largo); })ul { margin-top: -700px; } #man { z-index: 500; } #pantalon { position: absolute; margin-top: 400px; margin-left: -500px; z-index: -1; } #change { position: absolute; margin-top: 100px; z-index: -2; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img id="man" src="man.png" height="900"> <img id="pantalon" src="http://static.bershka.net/4/photos2/2015/i/0/2/p/5337/506/594/5337506594_1_2_4.jpg?t=ts" height="500"> <img id="change" src="http://static.pullandbear.net/2/photos/2015/i/0/2/p/9592/500/800/9592500800_2_1_1.jpg?timestamp=1437741171705" height="500" width="500"> <button onclick="aa()">cambiar</button> <select id="tam" name="tam1"> <option value="none"></option> <option value="100">100</option> <option value="200">-100</option> </select>
several problems:
one, you're setting i , cc when page loads. need set them in aa() current selection menu.
second, concatenating '+px+' cc instead of px, created invalid width.
third, had ) after aa() function.
var tamany = document.getelementbyid('tam'); var ancho = "300"; var largo = "300px"; function aa() { var = tamany.value var cc = parseint(ancho) + parseint(i); document.getelementbyid("change").style.width = (cc + 'px'); document.getelementbyid("change").style.height = (largo); }ul { margin-top: -700px; } #man { z-index: 500; } #pantalon { position: absolute; margin-top: 400px; margin-left: -500px; z-index: -1; } #change { position: absolute; margin-top: 100px; z-index: -2; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img id="man" src="man.png" height="900"> <img id="pantalon" src="http://static.bershka.net/4/photos2/2015/i/0/2/p/5337/506/594/5337506594_1_2_4.jpg?t=ts" height="500"> <img id="change" src="http://static.pullandbear.net/2/photos/2015/i/0/2/p/9592/500/800/9592500800_2_1_1.jpg?timestamp=1437741171705" height="500" width="500"> <button onclick="aa()">cambiar</button> <select id="tam" name="tam1"> <option value="none"></option> <option value="100">100</option> <option value="200">-100</option> </select>
Comments
Post a Comment