Вставить js в php

0

VanKar

10 марта 2010, 06:24

1393

Я знаю что много было уже написано но я не могу найти ответ на свой вопрос.

вот часть кода php куда я вставляю js


<?php
$result = mysql_query ("SELECT * FROM krani ORDER BY cena",$db);
$myrow = mysql_fetch_array ($result);
do{
$id = $myrow["id"];
$fo="admin/";
printf ("<table class='krani'>
<tr>
<td class='pace'>
<p class='krani_p'>База: %s,
Стрела: %s,
Пробег: %s,
Привод: %s,
Грузоподъемность: %s,
Год выпуска: %s,
Регион: %s,
Дополнительная информация: %s</p>
</td>
<td>
<a href='admin/%s' onclick=\"this.href = 'javascript:void(0);';\">
<img src='admin/%s' border='0' alt='Краны - %s ' width =100 onClick=\"new ImageExpander(this, 'admin/%s');\">
</a>
</td>
<td class='pacecen'>
<p class='krani_p'>Цена: %s</p>
</td>
<td>
<p class='krani_p'><a href='zakaz.php?id=$id'>Заказать</a>
         </p>
</td>
</tr>


</table></td>", $myrow["base"], $myrow["strela"],$myrow["probeg"],$myrow["privod"],$myrow["gruzpod"],$myrow["godv"],$myrow["region"],$myrow["dop"],$myrow["foto"],$myrow["foto"],$myrow["id"],$myrow["foto"],$myrow["cena"]);
}
while ($myrow = mysql_fetch_array ($result));

?>

картинка увеличивается где то на вверху сайта, когда вставляю просто в html все работает отлично, где нажал на картинку там она и увеличивается. Что я делаю не так?

V

2

vadson

10 марта 2010, 07:31

#1

Покажите кусок уже сгенерированного кода.

VK

0

VanKar

10 марта 2010, 07:49

#2

<table class='krani'>

<tr>

<td class='pace'>

<p class='krani_p'>База: Урал,

Стрела: 8 м,

Пробег: 2500,

Привод: 4x4x4,

Грузоподъемность: 25,

Год выпуска: 2005,

Регион: Иркутск,

Дополнительная информация: Хороший кран</p>

</td>

<td>

<p><a href="big.jpg" onclick="this.href = 'javascript:void(0);';"> <img src="small.jpg" border="0" onClick="new ImageExpander(this, 'big.jpg');"> </a></p>

</a>

</td>

<td class='pacecen'>



<p class='krani_p'>Цена: 15000</p>

</td>

<td>

<p class='krani_p'><a href='zakaz.php?id=1'>Заказать</a>

         </p>

</td>

</tr>





</table>

VanKar добавил 10.03.2010 в 10:53

Я код еще изменил

<?php

$result = mysql_query ("SELECT * FROM krani ORDER BY cena",$db);

$myrow = mysql_fetch_array ($result);

do{

$id = $myrow["id"];

$fo="admin/";

printf ("<table class='krani'>

<tr>

<td class='pace'>

<p class='krani_p'>База: %s,

Стрела: %s,

Пробег: %s,

Привод: %s,

Грузоподъемность: %s,

Год выпуска: %s,

Регион: %s,

Дополнительная информация: %s</p>

</td>

<td>

<p>%s</p>

</a>

</td>

<td class='pacecen'>

<p class='krani_p'>Цена: %s</p>

</td>

<td>

<p class='krani_p'><a href='zakaz.php?id=$id'>Заказать</a>

         </p>

</td>

</tr>





</table></td>", $myrow["base"], $myrow["strela"],$myrow["probeg"],$myrow["privod"],$myrow["gruzpod"],$myrow["godv"],$myrow["region"],$myrow["dop"],$myrow["putk"],$myrow["cena"]);

}

while ($myrow = mysql_fetch_array ($result));



?>

для проверки сделал, а толку все равно нет.

VanKar добавил 10.03.2010 в 10:55

Вот сам js

function ImageExpander(oThumb, sImgSrc)

{

	// store thumbnail image and overwrite its onclick handler.

	this.oThumb = oThumb;

	this.oThumb.expander = this;

	this.oThumb.onclick = function() { this.expander.expand(); }

	

	// record original size

	this.smallWidth = oThumb.offsetWidth;

	this.smallHeight = oThumb.offsetHeight;	



	this.bExpand = true;

	this.bTicks = false;

	

	// self organized list

	if ( !window.aImageExpanders )

	{

		window.aImageExpanders = new Array();

	}

	window.aImageExpanders.push(this);



	// create the full sized image.

	this.oImg = new Image();

	this.oImg.expander = this;

	this.oImg.onload = function(){this.expander.onload();}

	this.oImg.src = sImgSrc;

}



ImageExpander.prototype.onload = function()

{

	this.oDiv = document.createElement("div");

	document.body.appendChild(this.oDiv);

	this.oDiv.appendChild(this.oImg);

	this.oDiv.style.position = "absolute";

	this.oDiv.expander = this;

	this.oDiv.onclick = function() {this.expander.toggle();};

	this.oImg.title = "Click to reduce.";

	this.bigWidth = this.oImg.width;

	this.bigHeight = this.oImg.height;

	

	if ( this.bExpand )

	{

		this.expand();

	}

	else

	{

		this.oDiv.style.visibility = "hidden";

		this.oImg.style.visibility = "hidden";

	}

}

ImageExpander.prototype.toggle = function()

{

	this.bExpand = !this.bExpand;

	if ( this.bExpand )

	{

		for ( var i in window.aImageExpanders )

			if ( window.aImageExpanders !== this )

				window.aImageExpanders.reduce();

	}

}

ImageExpander.prototype.expand = function()

{

	// set direction of expansion.

	this.bExpand = true;



	// set all other images to reduce

	for ( var i in window.aImageExpanders )

		if ( window.aImageExpanders !== this )

			window.aImageExpanders.reduce();



	// if not loaded, don't continue just yet

	if ( !this.oDiv ) return;

	

	// hide the thumbnail

	this.oThumb.style.visibility = "hidden";

	

	// calculate initial dimensions

	this.x = this.oThumb.offsetLeft;

	this.y = this.oThumb.offsetTop;

	this.w = this.oThumb.clientWidth;

	this.h = this.oThumb.clientHeight;

	

	this.oDiv.style.left = this.x + "px";

	this.oDiv.style.top = this.y + "px";

	this.oImg.style.width = this.w + "px";

	this.oImg.style.height = this.h + "px";

	this.oDiv.style.visibility = "visible";

	this.oImg.style.visibility = "visible";

	

	// start the animation engine.

	if ( !this.bTicks )

	{

		this.bTicks = true;

		var pThis = this;

		window.setTimeout(function(){pThis.tick();},25);	

	}

}

ImageExpander.prototype.reduce = function()

{

	// set direction of expansion.

	this.bExpand = false;

}

ImageExpander.prototype.tick = function()

{

	// calculate screen dimensions

	var cw = document.body.clientWidth;

	var ch = document.body.clientHeight;

	var cx = document.body.scrollLeft + cw / 2;

	var cy = document.body.scrollTop + ch / 2;



	// calculate target

	var tw,th,tx,ty;

	if ( this.bExpand )

	{

		tw = this.bigWidth;

		th = this.bigHeight;

		if ( tw > cw )

		{

			th *= cw / tw;

			tw = cw;

		}	

		if ( th > ch )

		{

			tw *= ch / th;

			th = ch;

		}

		tx = cx - tw / 2;

		ty = cy - th / 2; 

	}

	else

	{

		tw = this.smallWidth;

		th = this.smallHeight;

		tx = this.oThumb.offsetLeft;

		ty = this.oThumb.offsetTop;

	}	

	// move 5% closer to target

	var nHit = 0;

	var fMove = function(n,tn) 

	{

		var dn = tn - n;

		if ( Math.abs(dn) < 3 )

		{

			nHit++;

			return tn;

		}

		else

		{

			return n + dn / 10;

		}

	}

	this.x = fMove(this.x, tx);

	this.y = fMove(this.y, ty);

	this.w = fMove(this.w, tw);

	this.h = fMove(this.h, th);

	

	this.oDiv.style.left = this.x + "px";

	this.oDiv.style.top = this.y + "px";

	this.oImg.style.width = this.w + "px";

	this.oImg.style.height = this.h + "px";



	// if reducing and size/position is a match, stop the tick	

	if ( !this.bExpand && (nHit == 4) )

	{

		this.oImg.style.visibility = "hidden";

		this.oDiv.style.visibility = "hidden";

		this.oThumb.style.visibility = "visible";



		this.bTicks = false;

	}

	

	if ( this.bTicks )

	{

		var pThis = this;

		window.setTimeout(function(){pThis.tick();},25);

	}

}

V

2

vadson

10 марта 2010, 08:31

#3

замените

onClick=\"new ImageExpander(this, 'admin/%s');\"

на

onClick=\"new ImageExpander(this, 'admin/%s'); return false;\"

VK

0

VanKar

10 марта 2010, 08:35

#4

Не помогло :(

V

2

vadson

10 марта 2010, 08:39

#5

Тогда отлавливайте ошибки в js-коде. FireFox+FireBug вам в помощь.

Просто, если return false не помог, то значит до него где-то в js-коде возникает ошибка.

VK

0

VanKar

10 марта 2010, 08:41

#6

в этом то и проблема я js не знаю php без проблем. Как то надо выводить в центре экрана, а как.... все равно спасибо. Буду дальше голову ломать

V

2

vadson

10 марта 2010, 09:21

#7

А попробуйте заменить

На

А то сначала я не всё усмотрел.

VK

0

VanKar

11 марта 2010, 06:01

#8

Не помогло :(

Выложил фото там нарисовал что происходит

когда опускаюсь в самый низ и нажимаю на фото то его вообще не видно так как оно открывается в шапки сайта

jpg kasyak.jpg

471

Lord Maverik

11 марта 2010, 06:09

#9

Самое простое:

1. Ставите код в php, сохраняете сгенерированный результат.

2. Ставите напрямую в html.

Сравниваете два полученных куска, на предмет того, чем они отличаются. Ошибка сразу найдется.

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)

VK

0

VanKar

11 марта 2010, 06:42

#10

Скрипт то работает только увеличении фото происходит не где я нажимаю на фото а в шапки сайта. как то надо координаты задать на центр экрана где бы я не находился либо в вверху либо в низу либо по середине что бы всегда фото увеличивалась в центре. (Не знаю какое слово правильное подобрать глобальные координаты что ли 😆)

Переиграть и победить: как анализировать конкурентов для продвижения сайта

Курс биткоина превысил $50 тысяч