можно драг-анд-дроп ограничить пределами одного элемента?
попробую
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Слабо актуальные запросы по скриптам, в топике скриптов -
можно драг-анд-дроп ограничить пределами одного элемента?
попробую
кто-то давно, как и я ранее, просили такой скрипт, который считает количество оставшихся знаков в форме ответа...
Счетчик оставшихся вводимых знаков
1. Если у вас уже имеется код подключения JQuery, то по второму разу его ставить не рекомендуется, если же нет, то в html-верх:
<script type="text/javascript" src="http://freemanager.ucoz.com/js/jquery.js"></script>
2. Ставим этот код в html-верх:
<script type="text/javascript" src="http://freemanager.ucoz.com/js/jquery.limit.js"></script>
3. Далее ставим код в форму ответа, но гостям его видно не будет:
<span id="charsLeft"></span> знаков осталось.
<script type="text/javascript">
$(document).ready(function(){
$('textarea').limit('1000','#charsLeft');
});
</script>
красное меняете на свое максимальное число знаков или оставляете как есть...
Вот и всё
Отредактировано Reysler (Ср, 31 Мар 2010 19:34:37)
Tutsy
В ХТМЛ-Верх. Данный метод Можно обойти.(То есть с Мозгами можно копировать)
З.Ы: Верх, чтобы быстрей грузилось
Отражение картинок в постах. © FeroDaR
За основу был взят скрипт Reflection (Отражение) :: Javascript
Итак, подклучаем модуль Reflect к форуму
То-есть, ставим в HTML-Верх:
1.
<script type="text/javascript" src="http://poinet-ferodar.narod.ru/js/reflect.js"></script>
2.
В HTML-низ:
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[refi]",from))==-1) return str;
if((pos2=str.indexOf("[/refi]"),pos+6)==-1) return str;
newpos=str.indexOf("[refi]",pos+6)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+6,true)
if((pos2=str.indexOf("[/refi]",pos+6))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos+6,pos2))+str.substring(pos2+7,str.length)
if( str.indexOf("[refi]")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str}
function makeSpoiler(txt){
txt='<img src="' + txt +'" class="reflect">'
return txt}
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
</script>
Теги: [refi]примая ссылка на картинку[/refi]
Пример работы: http://testwinzone.spybb.ru/viewtopic.php?id=2#p15
Скрин:
P.S: Анимация работает в ИЕ. Хорошо работает в ИЕ.
Отредактировано FeroDaR (Вт, 6 Апр 2010 09:03:03)
А нельзя сделать чтоб можно было через html прописывать, есть тоже вписал только как на bb [refi]http://s51.radikal.ru/i131/0907/39/182eb8ea08f0.gif[/refi] а на html на оборот <refi>http://s51.radikal.ru/i131/0907/39/182eb8ea08f0.gif</refi> ?????
так не получится
тут же не разработчики, которые новые html коды разрабатывают
если вам нужен html, чтоб применять этот плагин зеркального отражения изображений на главной странице. а не в постах,
то html для данного плагина будет выглядеть скорее всего так:
<p><img src="адрес картинки" class="reflect" alt="описание"></p>
и будет работать при условии, что сам плагин
<script type="text/javascript" src="http://poinet-ferodar.narod.ru/js/reflect.js"></script>
установлен у вас в html-верх
norvegino
Вот от Дуки:
Итак:
На основе этого скрипта сделал очень интересную штуку.
Теперь все аватары автоматом будут иметь такой эффект по-умолчанию.
Javascript: Versetti
Идея: Lexx
Разработка скрипта: Duka
Инструкция:
В HTML-верх кидаете:<script type="text/javascript" src="http://poinet-ferodar.narod.ru/js/reflect.js"></script>
В HTML-низ:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
while(arr[i] ){
if(arr[i].className=="pa-avatar item2"){
name=arr[i].innerHTML
name=name.substring(4)
arr[i].innerHTML="<img class=reflect "+name+" "
}
i++
}
</script>Результате у всех пользователей под аватаром будет отражение.
P.S.
<script type="text/javascript" src="http://poinet-ferodar.narod.ru/js/reflect.js"></script>
Это тоже самое что и
<script type="text/javascript">
document.getElementsByClassName = function(className) {
var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}var Reflection = {
defaultHeight : 0.5,
defaultOpacity: 0.5,add: function(image, options) {
Reflection.remove(image);doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
if (options) {
for (var i in doptions) {
if (!options[i]) {
options[i] = doptions[i];
}
}
} else {
options = doptions;
}try {
var d = document.createElement('div');
var p = image;var classes = p.className.split(' ');
var newClasses = '';
for (j=0;j<classes.length;j++) {
if (classes[j] != "reflect") {
if (newClasses) {
newClasses += ' '
}newClasses += classes[j];
}
}var reflectionHeight = Math.floor(p.height*options['height']);
var divHeight = Math.floor(p.height*(1+options['height']));var reflectionWidth = p.width;
if (document.all && !window.opera) {
/* Fix hyperlinks */
if(p.parentElement.tagName == 'A') {
var d = document.createElement('a');
d.href = p.parentElement.href;
}
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';var reflection = document.createElement('img');
reflection.src = p.src;
reflection.style.width = reflectionWidth+'px';reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);d.appendChild(p);
d.appendChild(reflection);
} else {
var canvas = document.createElement('canvas');
if (canvas.getContext) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';var context = canvas.getContext("2d");
canvas.style.height = reflectionHeight+'px';
canvas.style.width = reflectionWidth+'px';
canvas.height = reflectionHeight;
canvas.width = reflectionWidth;d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);d.appendChild(p);
d.appendChild(canvas);context.save();
context.translate(0,image.height-1);
context.scale(1,-1);context.drawImage(image, 0, 0, reflectionWidth, image.height);
context.restore();
context.globalCompositeOperation = "destination-out";
var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) {
context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
}
}
} catch (e) {
}
},remove : function(image) {
if (image.className == "reflected") {
image.className = image.parentNode.className;
image.parentNode.parentNode.replaceChild(image, image.parentNode);
}
}
}function addReflections() {
var rimages = document.getElementsByClassName('reflect');
for (i=0;i<rimages.length;i++) {
var rheight = null;
var ropacity = null;var classes = rimages[i].className.split(' ');
for (j=0;j<classes.length;j++) {
if (classes[j].indexOf("rheight") == 0) {
var rheight = classes[j].substring(7)/100;
} else if (classes[j].indexOf("ropacity") == 0) {
var ropacity = classes[j].substring(8)/100;
}
}Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
}
}var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
</script>
хорошо, а вот как сделать например баннеры которые написано через javascript как бы в этом проблема,
то есть у меня вот скрипт
"<!--Openstat--><span id="openstat2086656"></span><script type="text/javascript"> var openstat = { counter: 2086656, next: openstat, track_links: "all" }; document.write(unescape("%3Cscript%20src=%22http" + (("https:" == document.location.protocol) ? "s" : "") + "://openstat.net/cnt.js%22%20defer=%22defer%22%3E%3C/script%3E")); </script><!--/Openstat-->"
По проьбе и выкладываю... описание работ в начале странице
Красим ники определнных пользователей в темах, а также применяем эффекты с html
<!--START Duka aka SAB0TAGE (c) -->
<script type="text/javascript">
var authors=document.getElementsByTagName("ul")
var feg=0
for (feg=0; feg<=(authors.length-1); feg++)
{if (authors[feg].innerHTML.indexOf("pa-author")!=-1)
{
if (authors[feg].getElementsByTagName("a")[0].innerHTML.indexOf("НИК")!=-1)
{authors[feg].getElementsByTagName("a")[0].innerHTML="<b>НИК</b>"}}}
</script>
<!--END Duka aka SAB0TAGE (c) -->
При необходимости добавить еще пользователя, добавляем строчку
else if (authors[feg].getElementsByTagName("a")[0].innerHTML.indexOf("Юзер")!=-1)
{authors[feg].getElementsByTagName("a")[0].innerHTML="Юзер"}}}
Перед
</script>
А теперь как работать... допустим вы хотите наградить пользователя и сделать его ник цветным, жирным, наклонным и прочее... ищим НИК и заменяем его на ник пользователя, ищем второй раз НИК и прописываем Ник пользователя на форуме+ работаете над ним как хотите...html работает... Незабывайте, что писать надо внутри ковычек... если необходимо добавить свои ковычки для отображения, не забывайте их экранировать... т.к. это начальная версия, все вопросы можете задавать сюда...
Скрипт работает! Но у меня проблема при добавлении 2 пользователя цвета пропадают! Скрипт у меня получился такой:
<!--START Duka aka SAB0TAGE (c) -->
<script type="text/javascript">
var authors=document.getElementsByTagName("ul")
var feg=0
for (feg=0; feg<=(authors.length-1); feg++)
{if (authors[feg].innerHTML.indexOf("pa-author")!=-1)
{
if (authors[feg].getElementsByTagName("a")[0].innerHTML.indexOf("abc")!=-1)
{authors[feg].getElementsByTagName("a")[0].innerHTML="<font color=red>abc</font>"}}}
else if (authors[feg].getElementsByTagName("a")[0].innerHTML.indexOf("def")!=-1)
{authors[feg].getElementsByTagName("a")[0].innerHTML="<font color=red>def</font>"}}}
</script>
<!--END Duka aka SAB0TAGE (c) -->
Что в нём не так?
<script type="text/javascript">
inColor("red", new Array("Duka", "Admin"))
inColor("blue", new Array("AmiRa", "Impuls 101"))
inColor("green", new Array("likka"))
inColor("gray", new Array("rps"))
inColor("yellow", new Array("Шмель", "Изя", "DART"))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a.innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>
Duka, Admin, miRa, Impuls 101 - это ники? Если да то изменяю на "свои" и ничего? В чём может быть проблема?
Вот этот скрипт я вставляю в Администрирование-Настройки-HTML низ
<script type="text/javascript">
inColor("red", new Array("Duka", "Admin"))
inColor("blue", new Array("AmiRa", "Impuls 101"))
inColor("green", new Array("likka"))
inColor("gray", new Array("rps"))
inColor("yellow", new Array("Шмель", "Изя", "DART"))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a.innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>
Duka, Admin, miRa, Impuls 101 это как я понимаю ники! Заменяю на на ники пользователей моего форума но всё равно цвета не меняються!
Не совсем работает скрипт на Музыка когда приходит ЛС
Вот сам скрипт :<script type="text/javascript">forum = "http://warcraft3.2bb.ru"str = document.getElementById("navpm").innerHTMLloc = new String(document.location)if( (str.indexOf("(") != -1) && document.referrer.indexOf(forum)==-1 && loc.indexOf('messages.php')==-1){document.write("<embed src='http://forumw3.ucoz.ru/load/0-0-0-106-20' autostart=true >") }</script>
Формат песни : wav.Вставляю : В HTLM - вниз.
Присоединяюсь - тоже не работает. Подскажите, пожалуйста, работающий скрипт звукового уведомления о приходе нового личного сообщения. *в поиске по форуму бродила два часа *
Отредактировано Паутина (Чт, 22 Апр 2010 16:49:59)
<script type="text/javascript">forum = "http://warcraft3.2bb.ru"str = document.getElementById("navpm").innerHTMLloc = new String(document.location)if( (str.indexOf("(") != -1) && document.referrer.indexOf(forum)==-1 && loc.indexOf('messages.php')==-1){document.write("<embed src='http://forumw3.ucoz.ru/load/0-0-0-106-20' autostart=true >") }</script>
поменяйте ссылку
<script type="text/javascript">
forum = "http://АДРЕС ФОРУМА"
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) && document.referrer.indexOf(forum)==-1 && loc.indexOf('messages.php')==-1)
{document.write("<embed src='http://fantasyflash.ru/music/midi/midi1.mid' autostart=true />") }
</script>
Всё, я поняла, что со скриптом.
Не знаю, почему так происходит, но скрипт не работает, если во второй строке вместо слов "АДРЕС ФОРУМА" вписывать именно адрес. Проверено на двух адресах. Если вставить с этими словами - всё нормально.
Отредактировано Паутина (Пт, 23 Апр 2010 07:54:23)
Картинка в статистике форума
<script type="text/javascript">
var text="<img src=ТУТ СТАВИМ КАРТИНКУ 800х350>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 5px; top: 320px; width: 50%;\">"+text+"</div>"+ pa.innerHTML
</script>
Выделенное жирным текстом и красным цветом - меняем на картинку размером 800 на 350 (в пикселях). Если картинка большая, слишком маленькая и так далее - подгоните её под размер своего форума. Надеюсь кому нибудь поможет
________
СКРИНШОТ
ЗЫ Если вы хотите выравнить картинку по центру или с правой стороны, то можно воспользоваться простейшими знаниями:
Находим эту строчку -
<img src=ваша картинка>
Ставим перед ней такой тег -
<***>
После строчки опять пишем тег -
</***>
Вместо трёх звёдочек вписываем либо center, либо right.
center - выравнивание по-центру
right - выравнивание по правому краю.
_
Ставим в HTML - низ.
Отредактировано Nikolas Brown (Пн, 3 Май 2010 15:30:04)
Зачем такие примудрости?
<style>#pun-stats {background:url(ссылка);}</style>HTML-верх. Райт в тєг? сума сошли.. какие-то скрипті ещё..
Вы уверены что это чудо работает?
Надо не много по другому
Ну для примера:
<style>
#pun-stats.section .statscon .container {
background:#фоновый цвет url(адрес картинки);
height:высота картинки px;
background-repeat:no-repeat;
background-position:bottom center;
}
</style>
Модификация скрытого текста. Duka
http://forum.mybb.ru/viewtopic.php?id=6 … =8#p389850
Решил добавить кнопки под формой ответа. (чтоб не парится)
И вот что получилось вставляем скрипт Duka в html низ и моё дополнение в форму ответа
надеюсь вам понадобится=)
<center>Скрытый текст для<br> Х заменяем на число. Подробнее можно узнать <a href=http://forum.mybb.ru/viewtopic.php?id=65&p=8#p389850>тут</a> </center> <table><tr> <td onclick="bbcode('[hide]user=Х;', '[/hide]'); return changeVisibility('hide', this)">Пользователя</td> <td onclick="bbcode('[hide]group=Х;', '[/hide]'); return changeVisibility('hide', this)">Группы</td> <td onclick="bbcode('[hide]respect=Х;', '[/hide]'); return changeVisibility('hide', this)">У кого респект</td> <td onclick="bbcode('[hide]positive=Х;', '[/hide]'); return changeVisibility('hideu', this)">У кого позитив</td> <td onclick="bbcode('[hide]age=Х;', '[/hide]'); return changeVisibility('hide', this)">Возраст</td>
Отредактировано Vvladik (Сб, 15 Май 2010 19:28:52)
<script type="text/javascript">
if(GroupID == 3 ){
document.getElementById("cboxdiv").style.display='none'
}
</script>
<script type="text/javascript">
if(GroupID == 4 ){
document.getElementById("cboxdiv").style.display='none'
}
</script>
тогда уже так:
<script type="text/javascript"> if(GroupID == 3 || 4 ){ document.getElementById("cboxdiv").style.display='none' } </script>
Отредактировано Reysler (Вс, 16 Май 2010 15:51:32)
Reysler
Somik in Wonderland
rps
FeroDaR
[modteg]Устное предупреждение за флуд в теме, устное потому что скрипт все таки родили[/modteg]
Прокрутка контента в посте
Ставим в хтмл-верх.
<style> .post-body .post-box .post-content { overflow:scroll; width:100%; height:400px; } </style>
Результат:
http://tests.poinet.ru/viewtopic.php?id=5 -и подробности.
З.Ы. это не скрипт.
Отредактировано FeroDaR (Вс, 23 Май 2010 09:28:15)
Вы здесь » Единый форум поддержки » Архив » Слабо актуальные запросы по скриптам, в топике скриптов -