Замена стандартного загрузчика фото в фотосете.

9
Блог им. Glowworm

Многим будет интересен переход на jQuery File Upload.
Поэтому, как заменить полностью стандартную загрузку изображений на jQuery File Upload?
Демо: http://blueimp.github.com/jQuery-File-Upload/

пытаюсь добавить jQuery popup окно

 
Блог им. Giorgi
пытаюсь сделать что-то вроде этого но не могу заставить его работать

пытался ставить перед 
<head>
— smarty ругается

пытался ставить 
{literal}{/literal}
никакой реакции

Может быть, кто-то поможет:


<script type='text/javascript'> 
//<![CDATA[ 
    KNFBFansPRO='BloggerTricks'
//]]> 
</script> 

<style>
#fblikepop {
background-color:#fff;
display:none;
position:fixed;
top:200px;
_position:absolute;
width:450px;
border:10px solid #6F6F6F;
z-index:200;
-moz-border-radius:9px;
-webkit-border-radius:9px;
color:#333;
text-align:left;
font-family:arial,sans-serif;
font-size:13px;
margin:0;
padding:0;
}

#fblikepop body {
background:#fff none repeat scroll 0;
line-height:1;
height:100%;
margin:0;
}

.fbflush {
cursor:pointer;
font-size:11px !important;
color:#FFF !important;
text-decoration:none !important;
border:0 !important;
}

#fblikebg {
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
z-index:100;
}

#fblikepop #closeable {
float:right;
margin:7px 15px 0 0;
}

#fblikepop h1 {
background:#6D84B4 none repeat scroll 0 0;
border-top:1px solid #3B5998;
border-left:1px solid #3B5998;
border-right:1px solid #3B5998;
color:#FFF !important;
font-size:18px !important;
font-weight:400 !important;
font-family:"
margin:0 !important;
padding:5px !important;
}

#fblikepop #actionHolder {
height:30px;
overflow:hidden;
}

#fblikepop #buttonArea {
background:#F2F2F2;
border-top:1px solid #CCC;
min-height:50px;
padding:10px;
}

#fblikepop #buttonArea a {
color:#999 !important;
text-decoration:none !important;
border:0 !important;
font-size:10px !important;
}

#fblikepop #buttonArea a:hover {
color:#333 !important;
text-decoration:none !important;
border:0 !important;
}

#fblikepop #popupMessage {
font-size:12px !important;
font-weight:400 !important;
line-height:22px;
background:#fff !important;
padding:8px;
}

#fblikepop #counter-display {
float:right;
font-size:11px !important;
font-weight:400 !important;
text-align:right;
line-height:16px;
margin:5px 0 0;
}
</style>

<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>

<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>

<script language='javascript'> 
//<![CDATA[ 
    $(document).ready(function(){                        
        $().KNFBFansPRO({ 
           timeout: 30, 
            wait: 0, 
            url: 'http://www.facebook.com/BloggerTricks', 
            closeable: true        }); 
    }); 
//]]> 
</script> 

<div id='fbtpdiv'/>


спасибо заранее

[Решено] Вызов функции jquery в header.tpl

 
Блог им. koptev
Добрый день, уважаемые.

Сегодня 5 по счету день, который я провожу без сна из за проклятья под названием «вызов функции». Очень прошу Вас помочь обрести мне покой.

Пытаюсь подключить к ls jquery галерею PikaChoose по примеру Фоторамы. Скачал js плагин, css плагина, собственно сам jquery. Инициализировал их в header.tpl в нужном порядке. (сначала кьуэрри, потом цсс, потом плагин) далее необходимо инициализировать функцию вызова плагина… По мануалам делается это в header.


Читать дальше

Оповещения в правом углу

 
Блог им. Rules
Где находятся файлы, которые отвечают за оповещения в правом верхнем углу? Ну которые появляются в загругленном блоке?

А то они у меня стали появляться слева внизу, без всяких закругленных блоков. Тупо текстом.

Какой код js отвечает за них? Я еще просто библиотеку mootools внедрил, видимо что-то конфликтует.

АПД. Разобрался.
  • -1
  • 10 февраля 2012, 17:27
  • Rules
  • 2

Установка gif-player в LiveStreet

2
Блог им. Ocean
Здравствуйте, обращаюсь к вам за помощью. Нашел в интернете jQuery plugin. Помогите мне с установкой в скрипт, работающий на версии 0.5.1 ссылка где находится файл. Спасибо!
  • 0
  • 30 января 2012, 02:40
  • Ocean
  • 2

CSS-неймспейсы для Internet Explorer

6
Tips & tricks
Дабы не плодить кучи css-файлов для разных версий ишака, придумал такой скриптик:

/**
 * Adds css classes to body like ie, ie-6, ie-gte-5-5, ie-not-7, etc.
 * depends on msie browser version
 * 
 * @author Sergey S Yaglov
 * @link http://livestreet.ru/profile/1d10t/
 */
jQuery(function(){
	if(!jQuery.browser.msie){
		return;
	}
	var versions = ['5.5',6,7,8,9,10];
	var body = jQuery('body:eq(0)');
	var bv = jQuery.browser.version;
	var classes = ['ie'];
	var signs = {
		'==': '-',
		'>=': '-gte-',
		'>': '-gt-',
		'<=': '-lte-',
		'<': '-lt-',
		'!=': '-not-'
	};
	jQuery.each(versions, function(i,v){
		for(var sign in signs){
			var css_sign = signs[sign];
			eval('if(bv '+sign+' v){classes.push("ie"+css_sign+new String(v).replace(".","-"));};');
		}
	});
	body.addClass(classes.join(' '));
});


Применять в css-файлах можно, например, так:

.my-class { ... стиль для нормальных браузеров ... }
body.ie .my-class{ ... стиль для ненормальных браузеров :) ... }
body.ie-gte-7.ie-lte-8 .my-class{ ... стиль для ишаков от 7 до 8 версии включительно ... }
  • +5
  • 05 декабря 2011, 09:53
  • 1d10t
  • 27

Загрузка файла в LS 0.5.1

 
Блог им. ViktorZ
В самом общем смысле идея и ее реализация должна быть такой:
-жмем кнопку в панели markitup
-по нажатию на кнопку вылазит окно в котором выбираем файл
— далее жмем «Загрузить»
— Аякс обрабатывает нажатие кнопки «загрузить» (EventUploadFile) и запускает php скрипт, который непосредственно грузит файл в uploads/file и сообщает о результатах


Читать дальше

Динамический select под jQuery для LS 0.5

 
Блог им. legioner
Думаю многие для своих проектов хотели сделать динамический Select для опций которые предполагают несколько пунктов последовательного заполнения…
Сейчас столкнулся с проблемой плагина на новой версии LS 0.5, там не хочет работать старая версия плагина extcity где уже была реализована такая функция…
Хотелось бы узнать, может быть у кого то есть уже подобная реализация или есть мысли как это можно сделать…

Индивидуальный jquery эффект для каждой записи

2
Блог им. Fortunato2011
Решил сделать на главной странице для топиков кнопку с функцией от jquery toggle, которая будет раскрывать краткое содержимое топика (по умолчанию содержимое скрыто). Но возникла проблема, что когда нажимаю на кнопку — она раскрывает не один топик, а все топики на странице — логично, ведь в скрипте прописано, раскрывать то что находится между определенных тегов, которые есть в каждом топике.
В этом примере этот тег — это («p») — то есть :
<script>
$("button").click(function () {
$("p").toggle();
});
</script>


Пытался запустить в этом скрипте функцию от ls, которая выводит id топика — думал, в каждом топике сделать свой скрипт, в котором в конце тега будет окончание с ID записи, но эта функция в скрипте не работает, а выводит в исходный код прямо код функции.
Здесь то как я это пытался сделать:
<script>
$("button").click(function () {
$("p{$oTopic->getId()}").toggle();
});
</script>

То есть — я вставил функцию {$oTopic->getId()} и она прямо так и выводится в исходном коде на сайте — не работает. Я думал поместить краткое содержимое топика в следующий тег: <p{$oTopic->getId()}></p{$oTopic->getId()}> — то есть <pidтопика></pidтопика>

Помогите пожалуйста придумать решение этой проблемы. На pikabu.ru есть такие же кнопки в каждой новости — подобное я и хочу реализовать. Может есть другие способы?

Firefox 5.0 и ревизия 1258

 
Багрепорт
При использовании шаблона developer-jquery Firefox загружает страницу и сразу уходит в белый экран.

Обнаружено в trunk версии ревизии 1258.
Версия Firefox 5,00
Подробнее под катом


Читать дальше
  • 0
  • 02 августа 2011, 23:50
  • Smurov
  • 2