Перейти к публикации
Прикиньте они там в мафию играют, эльфами себя представляют и пиратами

  • Сейчас на странице   Всего пользователей: 0   (0 пользователей, 0 гостей)

Rooster

Программирование, т. 7

Автор: Rooster, в Мастерская

  

536 пользователей проголосовало

У вас нет прав на голосование в этом опросе, или на просмотр результатов опроса. Пожалуйста, войдите или зарегистрируйтесь для голосования в опросе.

Рекомендованные сообщения

nikitosdoubletoss   

nikitosdoubletoss
(изменено)

Ааа, так ты один из этих 

ХТМЛ погромист

 

 

 

https://codepen.io/anon/pen/vmRXpr

 

да не, не из этих, иногда необходимо в работе просто..

спасибо

получается, что проблема была в "onlcick"

 

кстати, в html варианте, который ты скинул, спойлер все равно не работает)

вот рабочий спойлер, но говорю, он почему-то уже показывает инфу

 

 

<div class="spoil">
    <div class="sp_top">
        <button onclick="myFunction()"> Something</button>
    </div>
    <div id="myDIV">
        Wrong
    </div>
    <script>
function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
</script>

</div>

 

 


Изменено пользователем nikitosdoubletoss

Поделиться сообщением

Ссылка на сообщение

fessnik   

fessnik
(изменено)

Может у тебя свое понимание "работает/не работает" ?? 
Как должно работать и что именно не работает в примере который скинули выше?

Твой пример показывает инфу, потому что  у div#myDiv , должен быть дисплей нон в стилях прописан


Изменено пользователем fessnik

Поделиться сообщением

Ссылка на сообщение

nikitosdoubletoss   

nikitosdoubletoss

Может у тебя свое понимание "работает/не работает" ?? 

Как должно работать и что именно не работает в примере который скинули выше?

 

Твой пример показывает инфу, потому что  у div#myDiv , должен быть дисплей нон в стилях прописан

в примере выше html код не показывает спойлер

<div class="spoil">
    <div class="sp_top">
        <span class="sp_span">Текст заголовка</span>
        <button class="sp_button" onclick="myFunction()">toggle</button>
    </div>

    <div class="sp_text">
        Текст 
    </div>
</div>

Поделиться сообщением

Ссылка на сообщение

Milky_Way   

Milky_Way

 

 

 

Подскажите, в чем ошибка в коде спойлера (html)?

 

<div class="spoil">
    <div class="sp_top">
        <span class="sp_span">Текст заголовка</span>
        <button class="sp_button">Развернуть</button>
    </div>

    <div class="sp_text">

        Текст 

    </div>
</div>

какую конкретно ошибку ты ищешь?

 

да просто нужно, чтобы спойлер работал

попробовал еще так:

<button onclick="myFunction()">Spoiler</button>
       <div id="myDIV">
           Hello Prodota
        </div>
<script>
function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
</script>

Но в этом случае информация в спойлере уже видна изначально (хоть он ее и скрывает).

 

добавь просто дисплей нон по дефолту

я знаю точно что все телки которые красивые и которые любят ебаться, разбираются в часах

Но у меня нету часов, и хуевая ауди поэтому приходится дома дрочить

Поделиться сообщением

Ссылка на сообщение

nikitosdoubletoss   

nikitosdoubletoss

 

 

 

 

 

 

Подскажите, в чем ошибка в коде спойлера (html)?
 

<div class="spoil">
    <div class="sp_top">
        <span class="sp_span">Текст заголовка</span>
        <button class="sp_button">Развернуть</button>
    </div>

    <div class="sp_text">

        Текст 

    </div>
</div>

какую конкретно ошибку ты ищешь?

 

да просто нужно, чтобы спойлер работал

попробовал еще так:

<button onclick="myFunction()">Spoiler</button>
       <div id="myDIV">
           Hello Prodota
        </div>
<script>
function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
</script>

Но в этом случае информация в спойлере уже видна изначально (хоть он ее и скрывает).

 

добавь просто дисплей нон по дефолту

 

 

 

Да, спасибо, наконец-то разобрался...

 

Поделиться сообщением

Ссылка на сообщение

FeelYourDestiny   

FeelYourDestiny

Нужно сделать в правом нижнем углу кнопку с картинкой, по нажатию на которую выезжает небольшое окно и картинка меняется на другу. При нажатии на новую картинку окно заезжает и картинка меняется обратно. Надеюсь понятно объяснил. 

 

Вот что у меня получилось: 

index.hmtl

 

<div id="mail" class="slide">
		<img TYPE="button"  src="img/mail.png" >
		<div class="inner1">Раворачиваю вверх</div>
	</div>

	<div id="cross" class="slide">
		<img TYPE="button"  src="img/cross.png" >
		<div class="inner1">Раворачиваю вверх</div>
	</div>

 

 

 

 

js

 

$(document).ready(function(){

	$('#cross').hide();

	$('#mail img').click(function(){
		$(this).next().slideToggle();

		if ($('#cross').hide()){
			$('#cross').show();
			$('#mail img').hide();
		}
	});

	$('#cross img').click(function(){
		$('#mail img').next().slideToggle();

		if ($('#cross').show()){
			$('#mail img').show();
			$('#cross').hide();
		}
	});
}); 

 

 

 

 

css

 

.slide {    
    width: 180px; 
    height: 90px;  
    position: absolute; 
    bottom:0; 
    right:0; 

}

.slide .inner1{
    position:absolute;
    right: 160px;
    bottom:70px;
    background:red;
    height:80px;
    width:100%;
    display:none;
    z-index: -1;
}
 

 

 

 

Вроде работает правильно, но у меня ощущение, что сделал это я очень ебаным способом. Подскажите как можно было сделать это красиво.

Поделиться сообщением

Ссылка на сообщение

choojoykin   

choojoykin

запили в кодпен я хз

:buba:

ни мало ни много, а много и мало

Поделиться сообщением

Ссылка на сообщение

Rooster   

Rooster
(изменено)

toggle()

 

И в чем вообще смысл условия if ($('#cross').hide())


Изменено пользователем Rooster

Shaman.png.0cdd33d48561cd068bb3c5ee78289381.png Anna.jpeg.03c9b49363298ceec256500a5d522f7d.jpeg Nigga.jpg.f807f2556bdbf68452292a9301494591.jpg

 

Поделиться сообщением

Ссылка на сообщение

Cantona.Eric   

Cantona.Eric

Нужно сделать в правом нижнем углу кнопку с картинкой, по нажатию на которую выезжает небольшое окно и картинка меняется на другу. При нажатии на новую картинку окно заезжает и картинка меняется обратно. Надеюсь понятно объяснил. 

 

Вот что у меня получилось: 

index.hmtl

 

<div id="mail" class="slide">
		<img TYPE="button"  src="img/mail.png" >
		<div class="inner1">Раворачиваю вверх</div>
	</div>

	<div id="cross" class="slide">
		<img TYPE="button"  src="img/cross.png" >
		<div class="inner1">Раворачиваю вверх</div>
	</div>

 

 

 

 

js

 

$(document).ready(function(){

	$('#cross').hide();

	$('#mail img').click(function(){
		$(this).next().slideToggle();

		if ($('#cross').hide()){
			$('#cross').show();
			$('#mail img').hide();
		}
	});

	$('#cross img').click(function(){
		$('#mail img').next().slideToggle();

		if ($('#cross').show()){
			$('#mail img').show();
			$('#cross').hide();
		}
	});
}); 

 

 

 

 

css

 

.slide {    
    width: 180px; 
    height: 90px;  
    position: absolute; 
    bottom:0; 
    right:0; 

}

.slide .inner1{
    position:absolute;
    right: 160px;
    bottom:70px;
    background:red;
    height:80px;
    width:100%;
    display:none;
    z-index: -1;
}
 

 

 

 

Вроде работает правильно, но у меня ощущение, что сделал это я очень ебаным способом. Подскажите как можно было сделать это красиво.

 

Ебать вас в сраку https://codepen.io/

Я не человек, Я - Кантона. (с)

Miraxes#2986

753357.png

Поделиться сообщением

Ссылка на сообщение

Rooster   

Rooster
(изменено)

По клику кнопка.toggleClass() + сообщение.slideToggle() и все, больше ничего не надо

 

Вообще как адекватный хтмл программист мог бы и чекбоксом это сделать, че быдлоскрипт юзаешь


Изменено пользователем Rooster

Shaman.png.0cdd33d48561cd068bb3c5ee78289381.png Anna.jpeg.03c9b49363298ceec256500a5d522f7d.jpeg Nigga.jpg.f807f2556bdbf68452292a9301494591.jpg

 

Поделиться сообщением

Ссылка на сообщение

FeelYourDestiny   

FeelYourDestiny

Cпасибо

 

 

По клику кнопка.toggleClass() + сообщение.slideToggle() и все, больше ничего не надо

 

Вообще как адекватный хтмл программист мог бы и чекбоксом это сделать, че быдлоскрипт юзаешь

Задание такое

 

Create JS script that will initialize, load data from the server and display it in the popup window

 
on the website. Please use jQuery.

Поделиться сообщением

Ссылка на сообщение

Feanaro   

Feanaro

Бля ну хуй знает  :trollface:

 

Коллеги тимлиды, информация для вас.
В ближайшее время мы ввязываемся я проект ххх
Первая итерация - посещения представителя заказчика и сбор первичной информации. Выяснение всех требований и потребностей.
Вторая итерация - составление ТЗ с последующей оценкой разработки.
Дата первого события - конец мая. Точные даты будут известны в течение следующей недели.
Место - Астана.
 
Посему, Виктор, Юрий, кто из вас готов к поездке в солнечный Казахстан в качестве аналитика на проекте?
Просьба решить,

Поделиться сообщением

Ссылка на сообщение

CriErr   

CriErr

а шо с скайпом?

Поделиться сообщением

Ссылка на сообщение

FeelYourDestiny   

FeelYourDestiny

в Казахстане интернета нет

Поделиться сообщением

Ссылка на сообщение

Milky_Way   

Milky_Way

тимлид => аналитик

нормас карьерный рост  :trollface:

я знаю точно что все телки которые красивые и которые любят ебаться, разбираются в часах

Но у меня нету часов, и хуевая ауди поэтому приходится дома дрочить

Поделиться сообщением

Ссылка на сообщение

Cantona.Eric   

Cantona.Eric

Мб у них в конторе Аналитик == Тимлид  :buba:

Я не человек, Я - Кантона. (с)

Miraxes#2986

753357.png

Поделиться сообщением

Ссылка на сообщение

Feanaro   

Feanaro

тимлид => аналитик

нормас карьерный рост  :trollface:

Да у нас в компании по-ебанутому всё, мы недостаточно квалифицированы для этой должности, но хуярим по мере сил  :nate:

Поделиться сообщением

Ссылка на сообщение
Гость
Эта тема закрыта для публикации сообщений.
Перейти к списку тем
×
×
  • Создать...