Auto resize

GigiDuru · Mesajde **GigiDuru** » Vin Feb 07, 2014 4:11 pm

Salutare!

Deci am o bara lata 100%(width:100%) si vreau cand user-ul face scroll pe pagina bara sa se redimensioneze la o latime anume.
Tot caut pe google dar nimic pana acume sau poate nu caut eu bine.
Nu doresc un cod imens si unul simplu care sa mearga.
Multumesc de pe acum!

inginerul · Mesajde **inginerul** » Vin Feb 07, 2014 4:32 pm

nici nu o sa gasesti exact ce vrei. cauta diverse scripturi si din fiecare preiei cate ceva pana ti-l faci singur.
incepe de aici
https://developer.mozilla.org/en-US/doc ... w.onscroll

GigiDuru · Mesajde **GigiDuru** » Vin Feb 07, 2014 4:38 pm

Problema e alta. Eu sunt 0 la java, jquery si toata familia aia. Stiu doar HTML, CSS si acuma invat PHP. Deci nu am nici o idee despre ce date sa preiau din ce mi-ai dat tu. Sa zicem ca ma descurc sa preiau cateva scripturi ca nu e chiar asa de greu dar de asamblat chiar nu ma descurc si sa mearga inca cum trebuie.

ispas · Mesajde **ispas** » Vin Feb 07, 2014 10:32 pm

https://www.google.ro/search?q=modify+width+when+scroll&oq=modify+width+when+scroll&aqs=chrome..69i57j0l5.8981j0j7&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8

moof2010 · Mesajde **moof2010** » Lun Feb 10, 2014 10:14 am

css, on hover documenteaza-te

GigiDuru · Mesajde **GigiDuru** » Lun Feb 10, 2014 3:09 pm

Aia stiu si eu sa fac.
Dar eu vreau sa se redimensioneze automat cand userul face scroll.
Eu cred ca are legatura cu jQuery, Ajax.

IncDoDo · Mesajde **IncDoDo** » Mar Feb 18, 2014 5:10 pm

Salutare!

Uite un exemplu de functie care redimensioneaza un div de la 100% la o dimensiune anume specificata in functie. Sper sa te ajute. Daca nu vino cu mai multe explicatii, ce doresti mai exact, eventual sa ne dai si codul si un scenariu.
Multa bafta!

Cod: Selectaţi tot

<head>
 <script>
function test() {
   document.getElementById('divtest').style.width = "300px";
}
window.onscroll = test;
</script>
</head>
<body>
   <div id="divtest" style="width:100%; min-height:3000px; background-color:blue;" >
    </div>
    

</body>

GigiDuru · Mesajde **GigiDuru** » Joi Feb 20, 2014 8:28 pm

Bun, "functioneste".
Dar se paote sa imi adaugi un timp? Adica odata ce faci scroll sa se redimensioneze in vreo 2-3 secunde.
Si inca ceva.

Cod: Selectaţi tot

.style.width = "300px";

pot sa o inlocuiesc cu un id? Adica in loc sa imi puna style="width:300px" sa imi puna id="abc".
Edit: Am observat ca daca fac scroll inapoi sus nu mi se redimenzioneaza la loc, la 100%. Privind rapid pe cod mi-am dat seama ca nu o sa se redimenzioneze inapoi

. Poate cer prea mult de la voi, imi pare rau atunci si nu e nici o problema.
Sper ca am fost de inteles.

Auto resize

Auto resize

Re: Auto resize

Re: Auto resize

Re: Auto resize

Re: Auto resize

Re: Auto resize

Re: Auto resize

Re: Auto resize

Cine este conectat