Necesito colocar un elemento en una página según el tamaño del navegador. No puedo ocultar y mostrar este elemento porque solo puede estar una vez en el dom. Parece bastante sencillo, pero estoy atascado. Parece estar funcionando parcialmente. ¿Necesito hacer algún tipo de separación/conexión? Lo siento, ha pasado un tiempo desde que jugué con JS simple.
srPos(); window.onresize = srPos(); function srPos() { var ww = window.innerWidth, sr = document.getElementById("gcs-box"), pp = document.getElementById("primary-panel"), sp = document.getElementById("secondary-panel"); if (ww > 991) { sp.prepend(sr); } else { pp.prepend(sr); } }¿Qué me estoy perdiendo?
Está asignando el valor devuelto por srPos en lugar de la función en sí a la propiedad onresize .
Retire los corchetes:
srPos(); window.onresize = srPos; function srPos() { var ww = window.innerWidth, sr = document.getElementById("gcs-box"), pp = document.getElementById("primary-panel"), sp = document.getElementById("secondary-panel"); if (ww > 991) { sp.prepend(sr); } else { pp.prepend(sr); } }