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

Rooster

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

  

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

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

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

(изменено)

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

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

 

 

 

 

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

спасибо

получается, что проблема была в "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

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


Ссылка на сообщение
(изменено)

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

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


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

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


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

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

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

 

Твой пример показывает инфу, потому что  у 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>

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


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

 

 

 

Подскажите, в чем ошибка в коде спойлера (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>

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

 

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


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

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

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


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

 

 

 

 

 

 

Подскажите, в чем ошибка в коде спойлера (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>

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

 

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

 

 

 

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

 

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


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

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

 

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

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;
}
 

 

 

 

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

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


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

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


:buba:

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

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


Ссылка на сообщение
(изменено)

toggle()

 

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


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

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

 

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


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

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

 

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

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

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


Ссылка на сообщение
(изменено)

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

 

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


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

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

 

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


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

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.

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


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

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

 

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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


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

Miraxes#2986

753357.png

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


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

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

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

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

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


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

×
×
  • Создать...