Javascriptas

JS man tamsus miškas, tad jei galit , padėkit. Tai yra kagegorijos pasirinkimo medis. Kaip tai atrodo galima matyt čia: http://top.webpasaulis.net/suggest-listing.php?id=0 . Reikia spausti "keisti" ir tik tada viršuj išlenda medis. Man reikėtų , kad vietoje "ROOT (Keisti) " Būtų paveikslėlis ir meniu išlįstų po paveikslėliu, o ne virš jo... Jei galit, padėkit. Būčiau labai dėkingas.

$(document).ready(function()
{
	$("body").prepend('<img id="spinner" src="templates/Glassy/img/spinner.gif" style="display:none;" alt="Loading ..." />');
}
);

$.fn.categoryTree = function(params)
{
var i = 0;
return this.each(
	function()
	{
		i++;
		var tree = $(this);

		str = '';
		if($.browser.opera)
		{
			str += "<form>";
		}
		str += '<ul class="'+params.treeClass+'">';
		str += '<li>';
		str += '<a href="java script:void(0)" onclick="getCategoryChildren(\'0\')" class="no"><img style="margin-bottom:3px;height:9px;width:9px" src="templates/Glassy/img/plus.png" id="im_0" /> <img style="margin-bottom:3px;height:12px;width:16px" src="templates/Glassy/img/folder.gif" id="imf_0" /></a>';
		str += '<input type="radio" path=" " title="ROOT" name="categories[]" onclick="treeCallback(this)" class="treeItem_1" value="0" id="labelcat0" />';
		str += '<label for="labelcat0">ROOT</label>';
		str += '<div id="category_0" style="display:none;"></div>'
		str += '</li>';
		str += '</ul>';
		if($.browser.opera)
		{
			str += "</form>";
		}
		tree.html(str);
	}
);
}

function getCategoryChildren(catid, state)
{
params = {widget:'radio'}
var act = $("#action").val();
var c = "#category_"+catid;

imsrc = $('#im_' + catid).attr("src");

// if the node is expanded then collapse
if(-1!=imsrc.indexOf("minus.png"))
{
	$('#im_' + catid).attr("src", 'templates/Glassy/img/plus.png');
	$('#imf_' + catid).attr("src", 'templates/Glassy/img/folder.gif');
	$(c).hide();

	return;
}
else
{
	var x = $(c).attr("class");
	$('#im_' + catid).attr("src", 'templates/Glassy/img/minus.png');	
	$('#imf_' + catid).attr("src", 'templates/Glassy/img/open_folder.gif');

	// if class contains _tree_loaded but not marked as reloadTree then show already loaded
	// otherwise tree must be reloaded (e.g if type of the tree is changed)
	if(x && x.match(/_tree_loaded/))
	{
		$(c).show();

		return;
	}
}

var pars = 'id='+catid;
pars += '&widget='+params.widget;
pars += "&callback=treeCallback";

$(c).before($("#spinner"));
$("#spinner").show();

$.get("get-categories.php?"+pars,
	function(data)
	{
		$(c).html(data).show();
		// mark the node as loaded see above code
		$(c).addClass("_tree_loaded");
		$("#spinner").hide();
	});
}

Sry... Ne to failo reikėjo. Čia visas puslapis ...

{include file="header.tpl"}

<h1>{$lang.suggest_listing}</h1>

<!-- start of notification display -->
<div id="notification" class="notification"
{if $msg eq ''}style="display:none;">{else}>{$msg}{/if}</div>
<!-- end of notification display -->

{if not $category.locked}

<script type="text/javascript" src="{$templates}/js/esy-tree.js"></script>

<script type="text/javascript">
function treeCallback(item)
{ldelim}
	var txt = $(item).attr("title");
	var id = $(item).val();

	var t = $.trim($(item).attr('path'));

	var path;
	if(t.length)
	{ldelim}
		path = '{$config.base}{$config.dir}'+t+'/';	
	{rdelim}
	else
	{ldelim}
		path = '{$config.base}{$config.dir}';
	{rdelim}

	var s = '<a href="{if not $smarty.const.MOD_REWRITE}index.php?id='+id+'{else}'+path+'{/if}"><b>'+txt+'<\/b><\/a>';
	$("#category_title_container").html(s);
	$("#category_id").val(id);

	return false;
{rdelim}
</script>

<div class="treeContainer" id="treeContainer" style="display:none"></div>

<script type="text/javascript">
{literal}
$(document).ready(function()
{
	$("div.treeContainer").categoryTree(
		{
			widget: 'radio',
			treeClass: 'tree'
		}
	);
});
{/literal}
</script>

<div id="listingForm_container">
{include file="box-header.tpl" caption=$lang.suggest_listing}
	{$lang.suggest_listing_top1}
	<br /><br />
		<span id="category_title_container"><a href="{$category.path}/"><strong>{$category.title|escape:"html"}</strong></a> (<a href="#" onclick="$('#treeContainer').slideDown(); return false;">{$lang.change}</a>)</span>
	<br /><br />
	{$lang.suggest_listing_top2}
	<form id="listingForm" action="suggest-listing.php?id={$category.id}" method="post">
		<input type="hidden" id="category_id" name="category_id" value="{$category.id}" />
		<div class="field">{$lang.your_listing_title}:<br />
			<input type="text" name="title" size="30" maxlength="150" id="title" value="{$smarty.post.title|escape:"html"}"/>
		</div>
		<div class="field">{$lang.your_listing_url}:<br />
			<input type="text" name="url" value="{if $smarty.post.url}{$smarty.post.url|escape:"html"}{else}http://{/if}" size="30" maxlength="150" id="url" />
		</div>
		<div class="field">{$lang.your_listing_description}:<br />
			<textarea name="description" cols="60" rows="8" id="description" class="sug-list">{$smarty.post.description|escape:"html"}</textarea>
		</div>
	{if not $account or $account.email eq ''}
		<div class="field">{$lang.your_email}<br />
			<input type="text" name="email" size="30" maxlength="100" id="email" value="{$smarty.post.email|escape:"html"}" />
		</div>
	{else}
			<input type="hidden" name="email" value="{$account.email|escape:"html"}" />
	{/if}
		<div class="field">{$lang.your_listing_reciprocal}<br />
			<input type="text" name="reciprocal" value="{if $smarty.post.reciprocal}{$smarty.post.reciprocal|escape:"html"}{else}http://{/if}" size="30" maxlength="150" id="reciprocal" />
		</div>

	{if $config.captcha}
		{include file="captcha.tpl"}
	{/if}
	<div class="field">
		<input type="submit" name="add_listing" value="{$lang.suggest_listing}" style="margin-top: 16px;" class="flat-button" />
	</div>
	</form>
{include file="box-footer.tpl"}
</div>
{/if}


<script type="text/javascript"> 
{literal}
//$(document).ready(function() {
	function showRequest()
	{
{/literal}
		$("body").prepend("<div class=\"veil\"><img src=\"{$config.base}{$config.dir}templates/Glassy/img/loadingAnimation.gif\" alt=\"\" /><\/div>");
{literal}
		veil = $("div.veil", $("body"));
		veil.css("opacity", "0.7");
		$('#listingForm_container').hide();
  document.documentElement.scrollTop = 0;
	}

  	function showResponse(data)
  	{
	  $("body div.veil").remove();
	  if(data.error)
  		{
  			$('#listingForm_container').slideDown();
  			$("#captcha_image_1").click();
  		}
  		else
  		{
  			$("#treeContainer").hide();
  		}
  		document.documentElement.scrollTop = 0;
  		$("#notification").html(data.msg).fadeIn();
  	}

	var options = {
		beforeSubmit: showRequest, 
		success:	  showResponse,
	  dataType:		  'json'
	}; 

	$('#listingForm').ajaxForm(options);
//});
{/literal}
</script>

{include file="footer.tpl"}

<div class="treeContainer" id="treeContainer" style="display:none"></div>

sita eilute bandyk nuleisti po:

<span id="category_title_container"><a href="{$category.path}/"><strong>{$category.title|escape:"html"}</strong></a> (<a href="#" onclick="$('#treeContainer').slideDown(); return false;">{$lang.change}</a>)</span>

sita eilute. O del paveiksliuko uzdejimo tai vietoi {$lang.change} arba {$category.title|escape:"html"} rasyk tiesiog <img...

nzn ar veiks ar ne, tokius dalykus keiti reikia turint priejima prie failu.

<div class="treeContainer" id="treeContainer" style="display:none"></div>

 

sita eilute bandyk nuleisti po:

 

<span id="category_title_container"><a href="{$category.path}/"><strong>{$category.title|escape:"html"}</strong></a> (<a href="#" onclick="$('#treeContainer').slideDown(); return false;">{$lang.change}</a>)</span>

 

sita eilute. O del paveiksliuko uzdejimo tai vietoi {$lang.change} arba {$category.title|escape:"html"} rasyk tiesiog <img...

 

nzn ar veiks ar ne, tokius dalykus keiti reikia turint priejima prie failu.

Be paveiksliuko apsieisiu. O "tree" persikėlė į apačią. Ačiū.

prasom