• Страница 1 из 1
  • 1
лёгкий скриптик

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
вообщем у меня есть див с классом "rightcol" и кнопка с ид "closecol", мне нужно чтобы при нажатии на кнопку див пропадал, а у дива с классом "maincol" margin-right стал равен: "0" и наоборот(т.е. див "rightcol" снова появлялся и у дива с классом "maincol" margin-right стал равен "210px").

заранее спс

Добавлено (17.05.2012, 18:11)
---------------------------------------------
ап

подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч
«Пред. тема След. тема»

Sid_MC_aka_Destroy
Пользователи
Сообщений 181
+
+67
-
Ваши награды 8
Supermenыч, ещё нужен скрипт?

Добавлено (17.05.2012, 22:48)
---------------------------------------------
Sid_MC_aka_Destroy, если да, пиши в личку. помогу.

подпись:
Sid_MC_aka_Destroy

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
Могу только в одну сторону сделать .
<div id="closecol" onclick="closecol()">Клик!</div> - без id сделаю.
<div class="rightcol">пропадаю</div>
<script>
function closecol() {
$('.rightcol').fadeOut(200);
$('.maincol').css(marginRight: '0px');
}
</script>

Вроде так, а обратно я не умею к сожалению писать if sad
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

Sid_MC_aka_Destroy
Пользователи
Сообщений 181
+
+67
-
Ваши награды 8
Supermenыч, вот, сделал как ты просил)

при первом клике по диву id="closecol" :
div class="rightcol" - исчезает
div class="maincol" - правый margin отключается.

при повторном клике по диву id="closecol" :
div class="rightcol" - появляется
div class="maincol" - правый margin становится 210px.

Code
<div id="closecol" onclick="closecol()">Запустится функция closecol, при повторном нажатии - closecol2</div>
<div class="rightcol">пропадёт-появится</div>  
<div class="maincol">меняется margin-right</div>
  <script>  
  function closecol() {  
  $('.rightcol').fadeOut(100);  
  $('.maincol').css('margin-right','0px');  
  $('#closecol').attr('onclick','closecol2()');  
  };  
  function closecol2() {  
  $('.rightcol').fadeIn(100);  
  $('.maincol').css('margin-right','210px');  
  $('#closecol').attr('onclick','closecol()');  
  };  
  </script>


из этого кода главное - вставь сам скрипт и пропиши диву с id="closecol" функцию при клике onclick="closecol()"
подпись:
Sid_MC_aka_Destroy

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Sid_MC_aka_Destroy, ок щас попробую

Добавлено (18.05.2012, 15:51)
---------------------------------------------
Sid_MC_aka_Destroy, всё отлично работает, спасибо тебе, + и наградка

Добавлено (18.05.2012, 16:13)
---------------------------------------------
Sid_MC_aka_Destroy, а можешь ещё сделать чтоб сохранялось всё на куках?

подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч

Sid_MC_aka_Destroy
Пользователи
Сообщений 181
+
+67
-
Ваши награды 8
Supermenыч, могу)
подпись:
Sid_MC_aka_Destroy

BlackPh
Пользователи
Сообщений 1396
+
+538
-
Ваши награды 28
Sid_MC_aka_Destroy, научи меня куки писать smile
подпись: Мой Vkontakte : vkontakte.ru/blackphxd
Мой Skype: SykybaXD BlackPh

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Sid_MC_aka_Destroy, отправил ЛС
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч

Kelin
Проверенные
Сообщений 2049
+
+3543
-
Ваши награды 18
Легко!
Code
<div id="closecol" onclick="closecol()">Запустится функция closecol, при повторном нажатии - closecol2</div>  
<div class="rightcol">пропадёт-появится</div>   
<div class="maincol">меняется margin-right</div>  
   <script>   
$(document).ready(function() {
if(getCookie('cookie_block')) {$('.rightcol').fadeOut(100); $('.maincol').css('margin-right','0px'); $('#closecol').attr('onclick','closecol2()');}
});
   function closecol() {   
   $('.rightcol').fadeOut(100);   
   $('.maincol').css('margin-right','0px');   
   $('#closecol').attr('onclick','closecol2()');   
   setCookie('cookie_block', '1', 365);
   };   
   function closecol2() {   
   $('.rightcol').fadeIn(100);   
   $('.maincol').css('margin-right','210px');   
   $('#closecol').attr('onclick','closecol()');   
  eraseCookie('cookie_block');
   };   
   </script>
подпись: Kelin

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Kelin, не работет
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч
  • Страница 1 из 1
  • 1
Поиск:
Топ пользователей: