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

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

пытался ставить перед
<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

Добрый день, уважаемые.

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

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

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

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

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

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

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

АПД. Разобрался.

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

Дабы не плодить кучи 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 версии включительно ... }

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

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

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

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

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

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

Решил сделать на главной странице для топиков кнопку с функцией от 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 есть такие же кнопки в каждой новости — подобное я и хочу реализовать. Может есть другие способы?