Divy zmieniające dynamicznie szerokość.

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.

0

Rzuć okiem na ten przykład:

<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

2

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

0

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

1 użytkowników online, w tym zalogowanych: 0, gości: 1