русская поддержка PrestaShop.
Ответить Новая тема Новый опрос 
 Вставка javascript в Body
Shumshadin
Новичок
Сообщений: 6
Регистрация: 13-03-2012
# 1
13-03-2012 07:23
Доброй ночи.
Ребят подскажите пожалуйста, вроде пытаюсь элементарную задачку сделать а не могу осилить)

Проблема:
1. Есть магазинчик на Престе сделаный
2. Есть ява скриптик который работает элементарно его нужно втавить в Body index.html и все мол будет работать.
Вот тут и возникла проблема) не могу понять где этот боде спрятан в престе то:)

Или может есть какой другой вариант?

Скриптик падающих литьев, хочю что бы на панелях с права и слева от основной страницы сайта падали листики вдоль странички.
Прикрепляю фаилик картинки на нем справа от корзины вдоль всеи страницы есть не используемая область вот в нее и хочю вставить.

Подскажите хоть в каком направлени думать? :cray:


Изображения:
presto.jpg - Размер файла51.63KB, Скачиваний: 786 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
pav31


Профессионал
Сообщений: 418
Откуда: Киев
Регистрация: 28-09-2011
# 2
13-03-2012 13:06
Вам нужно думать в направлении header.tpl вашей темы
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Shumshadin
Новичок
Сообщений: 6
Регистрация: 13-03-2012
# 3
13-03-2012 17:18
Такс я в том направлении и двигался, но тут проблемка, вставил я свои скриптик в конец файла, в левом верхнем углу появились кучкой мои картинки а двигаться они не хотят статично зависли, я так понимаю почемуто не хочет работать именно скриптик, вчем проблемка народ помогите;)
Вот код моего фаила header в самом низу мои скриптик
так же прикрепляю скрин странички :cray:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
    <head>
        <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
        <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
        <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
        <meta name="generator" content="PrestaShop" />
        <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
        <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
        <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
        <script type="text/javascript">
            var baseDir = '{$content_dir}';
            var static_token = '{$static_token}';
            var token = '{$token}';
            var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
            var priceDisplayMethod = {$priceDisplay};
            var roundMode = {$roundMode};
        </script>
{if isset($css_files)}
    {foreach from=$css_files key=css_uri item=media}
    <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
    {/foreach}
{/if}
{if isset($js_files)}
    {foreach from=$js_files item=js_uri}
    <script type="text/javascript" src="{$js_uri}"></script>
    {/foreach}
{/if}
        {$HOOK_HEADER}
    </head>
    
    <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
    {if !$content_only}
        {if isset($restricted_country_mode) && $restricted_country_mode}
        <div id="restricted-country">
            <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
        </div>
        {/if}
        <div id="page">
            <!-- Header -->
            <div id="header">
                <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                    <img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
                </a>
                <div id="header_right">
                    {$HOOK_TOP}
                </div>
            </div>

            <div id="columns">
                <!-- Left -->
                <div id="left_column" class="column">
                    {$HOOK_LEFT_COLUMN}
                </div>

                <!-- Center -->
                <div id="center_column">
    {/if}
    
 <script language="Javascript1.2">
//Изображения
grphcs=new Array(7)
Image0=new Image();
Image0.src=grphcs[0]="themes/prestashop/1.png";
Image1=new Image();
Image1.src=grphcs[1]="themes/prestashop/2.png"
Image2=new Image();
Image2.src=grphcs[2]="themes/prestashop/3.png"
Image3=new Image();
Image3.src=grphcs[3]="themes/prestashop/1.png"
Image4=new Image();
Image4.src=grphcs[4]="themes/prestashop/2.png"
Image5=new Image();
Image5.src=grphcs[5]="themes/prestashop/3.png"
Image6=new Image();
Image6.src=grphcs[6]="themes/prestashop/1.png"
Amount=30; //Количество объектов
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3; //скорость падения
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3; //скорость падения
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',40);
}

window.onload=fall
</script>



Сообщение отредактировано Shumshadin 13-03-2012 18:19 ...


Изображения:
lepestok.jpg - Размер файла26.32KB, Скачиваний: 712 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010
# 4
13-03-2012 17:49
1.
Цитата:
<script language="Javascript1.2">

Не думаю что это правильно, по моему это пишется так
Цитата:
<script type="text/javascript">


2. По моему лучше и правильнее весь Ваш скрипт прописать в один файл и подключить потом в tpl файле примерно так
Цитата:
<script type="text/javascript" src="Путь_до_Вашего_скрипта"></script>


3. Если все же пропишите в tpl файл то вставьте в {literal} {/literal} свой скрипт, иногда это помогает.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
e_v_medvedev
Профессионал
Сообщений: 806
Откуда: Москва
Регистрация: 25-03-2011
# 5
13-03-2012 18:48
Shumshadin - вы наделали синтаксических ошибок. Читайте документацию по Smarty.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ramzes_ra


Cпециалист
Сообщений: 107
Откуда: Украина
Регистрация: 04-02-2011
# 6
19-03-2012 02:01
Цитата:( geomagi @ 13-03-2012 12:49 Смотреть сообщение )
3. Если все же пропишите в tpl файл то вставьте в {literal} {/literal} свой скрипт, иногда это помогает.

Smarty выдаст интернальную серверную ошибку, встретив незаконные { или }
Иначе: { нужно прописать как {ldelim}, а } как {rdelim}
Но лучше js подключать из отдельного файла.
Можно прямо в tpl как например,
<script type="text/javascript" src="{$base_dir}modules/modul/modul.js"></script>
Этот скрипт будет включен в тело документа.
Если воспользуетесь моим бесплатным плагином Fetchscript, то ваш скрипт будет подключен в числе всех других в заголовке.
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
admmatrix
Cпециалист
Сообщений: 144
Откуда: Москва
Регистрация: 12-08-2011
# 7
22-03-2012 01:16
/themes/prestashop/

header.tpl


{literal}
code
{/literal}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ramzes_ra


Cпециалист
Сообщений: 107
Откуда: Украина
Регистрация: 04-02-2011
# 8
22-03-2012 19:24
Цитата:( admmatrix @ 21-03-2012 20:16 Смотреть сообщение )
/themes/prestashop/

header.tpl


{literal}
code
{/literal}

Если в ява-коде Смарт встретит фигурную скобку, то получишь интернальную ошибку сервера.
например в таком выражении function(data){ ...}
лично у меня через {literal} код не подключается.
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ramzes_ra


Cпециалист
Сообщений: 107
Откуда: Украина
Регистрация: 04-02-2011
# 9
22-03-2012 19:33
Так трудно сделать?
Цитата:

<script language="Javascript1.2">
//Изображения
grphcs=new Array(7)
Image0=new Image();
Image0.src=grphcs[0]="themes/prestashop/1.png";
Image1=new Image();
Image1.src=grphcs[1]="themes/prestashop/2.png"
Image2=new Image();
Image2.src=grphcs[2]="themes/prestashop/3.png"
Image3=new Image();
Image3.src=grphcs[3]="themes/prestashop/1.png"
Image4=new Image();
Image4.src=grphcs[4]="themes/prestashop/2.png"
Image5=new Image();
Image5.src=grphcs[5]="themes/prestashop/3.png"
Image6=new Image();
Image6.src=grphcs[6]="themes/prestashop/1.png"
Amount=30; //Количество объектов
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){ldelim}
for (i = 0; i < Amount; i++){ldelim}
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
{rdelim}
{rdelim}
else{ldelim}
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){ldelim}
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
{rdelim}
document.write('</div></div>');
{rdelim}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){ldelim}
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3; //скорость падения
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
{rdelim}
function fall(){ldelim}
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){ldelim}
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){ldelim}
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3; //скорость падения
{rdelim}
if (ns){ldelim}
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
{rdelim}
else if (ns6){ldelim}
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
{rdelim}
else{ldelim}
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
{rdelim}
Cstep[i]+=Step[i];
{rdelim}
setTimeout('fall()',40);
{rdelim}

window.onload=fall
</script>

Всего три движения: заменитьь все { на {ldelim}, заменитьь все
} на {rdelim}, заменитьь все
{rdelim{rdelim} на {ldelim}
Такой вариант безошибочно работает в Смарти, если, конечно, вы не переназначили разделители...


Сообщение отредактировано ramzes_ra 22-03-2012 14:35 ...
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
 
 
© 2009г. Prestadev.ru – Русская поддержка PrestaShop
При использовании материалов активная ссылка на сайт обязательна.