pudge
-
Posts
215 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by pudge
-
-
В момент загрузки скрипта, когда "сворачиваете" все спойлеры, проверяете значение якоря. Если существует спойл с таким же id, то его оставляете раскрытым. Окно браузера само прыгнет до нужного места на странице.
Потребуется узнать якорь, который передается в URL. Для этого в браузерах существует свойство location.hash.
а можно простыми словами?
-
Radiocity #11 шикарна!!!11
Вот только ещё бы один момент,как сделать что бы при переходе на ссылку какогото из спойлеров например file://localhost/C:/Documents%20and%20Settings/Jenya/Рабочий%20стол/test/test.html#anch2 не просто открывалась эта страница,а что бы ещё на ней открывался спойлер по которому ссылаются,такое возможно осуществить?
-
Потому что клик срабатывает на якорь, а не на слой.
под слоем я так понял вы подразумеваете спойлер?ну хорошо,а как тогда сделать так что бы клик срабатывал и на "слой" и на якорь одновременно?
-
Якорь на спойлер получилось повесить,но сам спойлер перестал открыватся,почему?
В общем вот как все у меня выглядит:
<a href="#1" name="1"><div href="javascript:;" class="videoA"><ul class="videoUL"><li class="titleMOVIES">11111</li><li class="dateMOVIES">07 Сен 2011 г.</li></ul></div></a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () { $(this).next(".videoJS").toggle(); $(this).toggleClass("active"); return false; });</script> -
вот что я искал,спасибо!счас буду разбиратся
-
Что тут непонятного? Ты ведь сам написал: "Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; ". Если спойлер делается не через <a>, то копироваться адрес страницы не будет.
Теперь понял что вы написали,но вы не поняли сути этой темы,мне наоборот нужно что бы адрес спойлера можно было копировать,что бы у спойлеров был адрес ссылки,причем у всех разный(но это уже другой вопрос).
например адрес страницы blablabla.ru/kkk на этой странице штук 50 спойлеров,и например что бы у первого спойлера был адрес blablabla.ru/kkk#1 или что то вроде этого,я просто не знаю как такая ссылка называется и как её сделать...
-
Вместо a используй другой тег, тогда не придётся прописывать адрес ссылки, копироваться тоже, соответственно, он не будет.
за совет использовать другой тег спасибо,я уже и забыл что href можно использовать не только с тегом а,но вот вторая часть поста(выделил)стремная... и не понятная
-
создал чистый файл,стал попробовать,левая кнопка не работает,либо работает но ничего не открывает немогу определить.
Я так и не смог разобратся где должна быть ссылка на файл код которого должен загружатся на страницу,логика подсказывает что ссылка должна размещатся гдето здесь
var link= ["/XDT4G/ #run","/sfD2y/"];
но я попробовал,не работает,либо я не правильно её разместил(мб слеша какогото нехватило)
З.Ы.ваш пример на джфиддл жудко лагает во время переключения кнопок,причем и в хроме и в опере,но не на моем тестовом сайте,но это наверное потому что там не работает 1я кнопка
-
В прошлой теме мне помогли создать спойлер:
<a href="javascript:;" class="videoA">klick</a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () {$(this).next(".videoJS").toggle();$(this).toggleClass("active");return false; });</script>который отлично работает,которого на странице у меня более 20 штук,но вот я увидел что не все так хорошо как хотелось бы...
Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; а не адрес самого спойлера на этой странице.Аналогичное я видел с постами,ну когда на форумах нажимаешь пкм на номер поста,копировать адрес ссылки и копируется адрес текущей страницы и вконце приписывается /#3 например.
Вот мне нужно что то подобное что идентифицировало бы каждый спойлер как "отдельный пост" но как это осуществить(или с помощью чего)я пока не знаю...
-
так то - это твой код)) то что просил - то и получил))) под свои нужды подстраивай
Первая кнопка не работает,а вторая открывает контент в котором "Кликни" которое не кликается...
В общем вот вырезал весь кусок кода ибо я не могу уже понять где проблема:
<ul id="switcher"> <li class="tab"><div class="tab1"><img src="img/tab1.png" alt="" /></div></li> <li class="tab"><div class="tab1"><img src="img/tab2.png" alt="" /></div></li></ul> <div id="tab0"><span id="chooseVIEW">выберите вид...</span></div> <div id="content"></div></div> <script> var iMstup= new Array(); iMstup[0]="<div id='view1'><a class='add'>Кликни</a><div class='add'></div></div>"; iMstup[1]="<div id='view2'><h1>Ололоша 2</h1></div>"; $('.tab').bind("click",function(){ var num = ["first","second","third"], id = $(this).index() - 1, currentTemplate = iMstup[id]; //alert(id) $('#content').html(iMstup[id]);}) </script><script>$('.add').live("click",function(){$(this).load('add.htm'); return false;});</script> -
так то - это твой код)) то что просил - то и получил))) под свои нужды подстраивай
опера какая ? проверил в 18 и 12.16 всё работает
Версия:
12.15
Сборка:
1748
Платформа:
Win32
Система:
Windows XP
все,работает в опере
-
он пишет, что в сначала вывести нужно, а затем вставлять
по поводу всего действа вцелом - так яснее?
Чесно?не очень.
Во первых,ваш код не работает в опере(а многие пользуются оперой).
Во вторых все как то до ужаса намудрено помоему,изначальная суть темы: запускать часть кода в отдельном файле,что бы все содержимое этого файла грузилось на главной странице без всяких дополнительных прокликиваний и т.д.,а тут что бы получить контент из файла нужно вроде ещё кликать(так я понял из вашего примера #25)
-
<script>$(".videoA").click(function () { $(this).next(".videoJS").toggle(); $(this).toggleClass("active"); return false; //это что бы ссылка не кликалась});</script>вот и всего то, хотя можно еще сократить
<script>$(".videoA").click(function () { $(this).toggleClass("active").next(".videoJS").toggle(); return false; //это что бы ссылка не кликалась});</script>во,спасибо
-
вот у вас есть в скрипте
iMstup[0]="<div id='view1'><a class=add>add</a><div class=add></div></div>";
именно в скрипт вы ни как не вставите
вы можете вставить данные из add.htm в #view1 после того как выведите переменную iMstup[0] в потоке на странице
я не понял концовку поста(подчеркнуто)
во первых замени click на live("click",function(){ }) или on("click",function)
во вторых ты вставляешь в элемент с id = add - такова не вижу.
если нужно вставить в кликнутый элемент то пробуй
$(this).load('add.htm');
Сначала попробвал так:
<script>
$('.add').live("click",function(){
$('#add').load('add.htm');
});
</script>
потом попробовал
<script>
$('.add').live("click",function(){
$(this).load('add.htm');});
</script>
Не работает,но меня насторожил пост от Switch74, iMstup[0]="<div id='view1'><a id=add>add</a><div class=add></div></div>"; почему это нельзя в скрипт его вставить?ведь текст,ссылки,елементы я могу спокойно вставлять в этот скрипт,почему же нельзя вставить ссылку на файл?
-
не знаю что вы там и куда вставляли, но вот вам готовый пример http://cssdeck.com/labs/xpfo5gav
все работает, возможно вы библиотеку джейквери не подключили?
$(".videoA:active").click(function () { $(.videoA:active).toggleClass("active"); });это и не будет работать так как событие клик происходит до того как ссылка становиться и :active
ухты,теперь ясно спасибо!
Но вот ещё вопросик:как ваш скрипт
<script>$(".videoA").click(function () { $(this).toggleClass("active"); return false;});</script>впихнуть в мой
<script>$(".videoA").click(function () { $(this).next(".videoJS").toggle();});</script>Ну что бы место секономить,если нельзя то ладно,не так страшно.
-
например
$(".videoA").click(function () { $(this).next(".videoJS").toggle();});Во спасибо.
Проблема решена,тему /close
-
ну так через цсс такое никак не сделаешь. тут нужен джаваскрипт
$(".videoA").click(function () { $(this).toggleClass("active");});по клику будет добавляться на ссылку класс .active и на него пропишите стили. либо можно в джаваскрипте вместо класса стили применять, но я бы сделал через класс, как по мне так удобнее.
ничего не понял,сначала я просто добавил ваш скрипт сразу за своим(тупо встаил то что вы выложили),потом сделал вот так но тоже ничего не работает:
<script>$(".videoA").click(function (){ $(".videoJS").toggle();});</script><script>$(".videoA:active").click(function () { $(.videoA:active).toggleClass("active");});</script> -
тему можно закрывать
-
Есть спойлеры которые имеют следующий вид:
<a href="javascript:;" class="videoA">один</a><div class="videoJS">hide text 1</div><a href="javascript:;" class="videoA">два</a><div class="videoJS">hide tex 2t</div><script>$(".videoA").click(function (){ $(".videoJS").toggle();});</script>но при открывании одного из скриптов открываются оба а не только тот что нужен!Да я в теории могу все класы сделать разными,но нужно будет и скрипты копировать и ксс,а это увеличит размеры кода раз так в 50 так как мне таких спойлеров нужно 20-100(на разных страницах по разному),В общем подскажите а то нехочу создавать себе геморой.
Как сделать что бы один скрипт работал на все метки по отдельности,а не сразу на все?
-
Появилась ещё одна проблема!
Как сделать что бы один скрипт работал на все метки по отдельности а не сразу?
Например у меня вот как все выглядит:
<a href="javascript:;" class="videoA">один</a><div class="videoJS">hide text 1</div><a href="javascript:;" class="videoA">два</a><div class="videoJS">hide tex 2t</div><script>$(".videoA").click(function (){ $(".videoJS").toggle();});</script>но при открывании одного из скриптов открываются оба а не только тот что нужен!Да я в теории могу все класы сделать разными,но нужно будет и скрипты копировать и ксс,а это увеличит размеры кода раз так в 50 так как мне таких спойлеров нужно 20-100(на разных страницах по разному),В общем подскажите а то нехочу создавать себе геморой.
-
Есть блок-спойлер,который после прокликивания должен изменять свою форму:
.videoA{ display:block; position:relative; background-color:#191919; border:solid 1px black; border-radius:5px; width:582px; line-height:30px; margin:15px auto 0px; font-size:12pt; padding:0px 10px; box-sizing: border-box; color:white;}.videoA:hover{ color:blue;}.videoA:active{ border-radius:5px 5px 0px 0px;}Но вот проблемка,hover - это изменение во время наведения курсора на блок,active - изменение во время зажима этого блока курсором,мне ещё нужно что бы был ещё один режим который видеоизменял бы этот блок после того как его активировали и вылез скрытый текст спойлера,я сначала думал что будет работать вот так:
.videoA:active{ border-radius:5px 5px 0px 0px;}Но потом вспомнил что блок меняет форму лишь когда зажимаешь его,а не после того как по нему клацнули.
З.Ы.visited не работает так как это по факту не ссылка,или хз чего ещё не работает вот если добавить:
.videoA:visited
{
border-radius:5px 5px 0px 0px;
}Да и если бы работало то это не вариант был бы,ибо когда спойлер закрывали бы то его вид не изменялся бы к первоначальному...(
-
Скорее эта надпись говорит о том, что у той или иной интеллектуальной собственности есть правообладатель. По факту лепят все кому не лень, правообладатель есть, но права не защищены.
Но возможно я ошибаюсь
вот я тоже так думал,но тогда вытекает другой вопрос:
как защитить эти права на свою "интелектуальную собственность"?
Зарегистрировать ее
да,но как именно это сделать
-
Всеравно не работает.Вот код целяком,напомню что этот контент нужно вставлять в скрипт,может изза этого проблема?хотя по обычному же вставляются картинки,ссылки и т.д.
<script>
var iMstup= new Array();
iMstup[0]="<div id='view1'><a class=add>add</a><div class=add></div></div>";
iMstup[1]="<div id='view2'><h1>Ололоша 2</h1></div>";
$('.tab').bind("click",function(){
var num = ["first","second","third"],
id = $(this).index(),
currentTemplate = iMstup[id];
$('#content').html(currentTemplate);
})
</script>
<script>
$('.add').click(function(){
$('#add').load('add.htm');
});
</script>
Красным я выделил то место куда должен загружатся контент с файла add.htm,напомню что содержимое этого файла следующее:
<html>dddddddds</html>
может чегото в загружаемом файле нехватает?
-
селекторы в jquery для $() пишутся в двойных или одинарных кавычках
'a' - название тега, находит все ссылки
'.a' - название класса, находит все элементы с class="a"
'#a' - название id, находит все элементы с id="a"
принцип тот же, что и в CSS
'div#div>a.a' - находит все ссылки с class="a", находящиеся в div c id="div"
в вашем случае я бы указал для связанных ссылки и дива id, например так
<style>#spoiler_1{display:none;}</style><script>$('.spoiler_1').click(function (){ $('#spoiler_1').toggle();});</script><a class="spoiler_1">Спойлер</a><div id="spoiler_1">Спойлер</div>спасибо за разьяснения теперь все стало на свои места!
Ссылка на елемент сайта
in HTML Coding
Posted
так я и разобрался в коде,но в вашем посте #13 я мало что понял(на то он и и 13-й).
Я понял что спойлер должен менятся на $(".videoB").toggleClass("enabled"); во время перехода по ссылке,но как это сделать не знаю,а в вашем лок. не смог разобратся,точнее суть я понял из статьи но так как яваскрипт не учил я не могу осуществить window.location у себя.