Divy zmieniające dynamicznie szerokość.

Divy zmieniające dynamicznie szerokość.
TA
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad rok
  • Postów:6
0

Witam wszystkich.
Na początku chcę zaznaczyć, że z JS dopiero się zapoznaję więc proszę o wyrozumiałość ;).
Czy byłby ktoś na tyle cierpliwy, że mógłby mi w miarę wyjaśnić jak napisać kod, który odpowiedzialny byłby za zwiększenie szerokości DIV;a po kliknięciu myszką w ramkę obiektu i przeciągnięciem go? Coś na wzór okienek z windowsa czy też linuxa. Zależy mi by były 2 divy obok siebie. i gdy jednego poszerzamy to drugi się zwęża i na odwrót. Wiem, że są jakieś pluginy resizable ale nie potrafię się z nimi dogadać. Jeżeli temat już był to przepraszam za spamowanie i byłbym wdzięczny za link. Szukam tego od kilku dni. jak już zdaje mi się, że mam rozwiązanie to consola krzyczy "resizable is not a function" - i tu zdziwienie. bo komuś to tam przecież działa.
także reasumując byłbym wdzięczny jakby ktoś znalazł chwilę czasu i mi objaśnił jak to napisać.
pozdrawiam.

JA
  • Rejestracja:ponad 7 lat
  • Ostatnio:3 dni
  • Postów:134
0

Rzuć okiem na ten przykład:

Kopiuj
<style>
	.div1{
		width: 300px;
		height: 300px;
		border-color: red;
		border-width: 1px;
		border-style: solid;
	}
</style>
<body onclick="getMouseX( event );"> 
	<div id="div1" class="div1">
		
	</div>
</body>
<script type="text/javascript">
	function getMouseX(e){
			document.getElementById( "div1" ).style.width=e.clientX;
	}	
</script>

Tutaj masz więcej przykładów

arczinosek
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad rok
  • Lokalizacja:Warszawa
  • Postów:86
2

Tak na szybko zrobiłem coś takiego: http://jsfiddle.net/xpvt214o/763512/ ;)

TA
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad rok
  • Postów:6
0

dzięki wszystkim za odpowiedzi :) problem rozwiązany

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.