Auto resize

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

GigiDuru
Average Member
Mesaje: 53
Membru din: Vin Ian 24, 2014 1:35 pm

Auto resize

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!



Avatar utilizator
inginerul
Average Member
Mesaje: 111
Membru din: Sâm Dec 01, 2012 11:34 pm
Contact:

Re: Auto resize

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
Average Member
Mesaje: 53
Membru din: Vin Ian 24, 2014 1:35 pm

Re: Auto resize

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.


moof2010
Average Member
Mesaje: 55
Membru din: Sâm Aug 17, 2013 10:54 pm

Re: Auto resize

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

css, on hover documenteaza-te

GigiDuru
Average Member
Mesaje: 53
Membru din: Vin Ian 24, 2014 1:35 pm

Re: Auto resize

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
Junior Member
Mesaje: 30
Membru din: Lun Mar 18, 2013 9:18 pm

Re: Auto resize

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
Average Member
Mesaje: 53
Membru din: Vin Ian 24, 2014 1:35 pm

Re: Auto resize

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.


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 14 vizitatori