Как да направя това?

cloc

cloc

Member
Дайте съвет как да направя като в този сайт при ..Quick Search...като натисна бутона за Find a Home да се показва търсачката за търсене на дом, а като натисна бутона Find a Rental да се показва търсачката за търсене на наем. Ето това е сайта:http://demos.flynax.com/realty/

На моят сайт тези неща са едно под друго, а искам да ги вградя в едно както на този сайт. Ето и моят код, как да го преправя....

<div class="quickSearch">
<div class="quickSearchHeader"><h3>[[Homes by State]]</h3></div>
<div class="quickSearchKeep" >
{module name="classifieds" function="browse" level1Field='State' browse_template='browse_homes_by_state.tpl' listing_type_id='HomesForSale'}
</div>
</div>
<br>
<div class="quickSearch">
<div class="quickSearchHeader"><h3>[[Rentals by State]]</h3></div>
<div class="quickSearchKeep" >
{module name="classifieds" function="browse" level1Field='State' browse_template='browse_rentals_by_state.tpl' listing_type_id='HomesForRent'}
<br />
</div>
</div>
 
От: Как да направя това?

1. Двете форми ги обграждаш с някакъв таг - div, span, li, ... или каквото си избереш друго
2. На втория обградител по дефолт му слагаш visible:none
3. Слагаш някакъв контрол отгоре - радиобутони, обикновени бутони или табчета... абе каквото си искаш
4. На onclick събитието на всеки контрол слагаш една функция която да сменя на двата оградителя visible атрибута от none към block и обратно
5. Enjoy
 
От: Как да направя това?

ThinkFast каза:
1. Двете форми ги обграждаш с някакъв таг - div, span, li, ... или каквото си избереш друго
2. На втория обградител по дефолт му слагаш visible:none
3. Слагаш някакъв контрол отгоре - радиобутони, обикновени бутони или табчета... абе каквото си искаш
4. На onclick събитието на всеки контрол слагаш една функция която да сменя на двата оградителя visible атрибута от none към block и обратно
5. Enjoy
Увеличете...



Благодаря за помоща,
но честно казано не съм много на ти с тези неща...но ще се опитам да се справя.
 
От: Как да направя това?

Ми тогава виж в сайта дето си го дал как са го направили
 
От: Как да направя това?

Ами опитах се но нещо не става...не съм чак толкова добър ...Дайте едно рамо :)
 
От: От: Как да направя това?

cloc каза:
Ами опитах се но нещо не става...не съм чак толкова добър ...Дайте едно рамо :)
Увеличете...

Стигнах до тук ??? но като се зареди в началото страницата се отварят и двата прозореца...

<html>
<head>

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="v isible";
document.getElementById("hid2").style.visibility=" hidden";
}
function hideme(){
document.getElementById("hid").style.visibility=" hidden";
document.getElementById("hid2").style.visibility=" visible";
}
</script>

</head>
<body>
<form name="myform">

<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>

</tr>
<tr style="visibility:none" id="hid">
<td width="17%" class="labeltext">Купи</td>
</tr>
<tr style="visibility:block" id="hid2">
<td width="17%" class="labeltext">Продай</td>

</td>
</tr>

</table>

<input type="button" onclick="callme()" value="Купи">
<input type="button" onclick="hideme()" value="Продай">

</form>
</body>
</html>
 
От: Как да направя това?

Потърси за .show и .hide фукциите на jquery. Има доста готови примери, даже и с ектри при скриване и показване.
 
От: Как да направя това?

Справих се до тук...но защо след като сложа JS срипта между head ми дава грешка на страницата. Махам само скрипта и всичко е наред...От какво се дължи това...страницата е php.

Fatal error: Smarty error: [in main.tpl line 260]: syntax error: unrecognized tag: document.getElementById("hid").style.display="inline"; document.getElementById("hid2").style.display="none"; (Smarty_Compiler.class.php, line 439)
 
Последно редактирано:
От: Как да направя това?

Ами пише се inline и none (без интервали)
 
От: Как да направя това?

Не е от това...ето когато са заедно пак дава грешка..
Fatal error: Smarty error: [in main.tpl line 16]: syntax error: unrecognized tag: document.getElementById("hid").style.display="inline"; document.getElementById("hid2").style.display="none"; (Smarty_Compiler.class.php, line 439)

P.S.Това inline като го поставя тук във форума се разделя на in line...
 
От: Как да направя това?

<!DOCTYPE html>
<html>
<head>
<style>
div { background:#def3ca; margin:3px; width:80px;
display:none; float:left; text-align:center; }
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>

<button id="showr">Show</button>
<button id="hidr">Hide</button>
<div>Hello 3,</div>

<div id="test">forma s butoni</div>
<script>
$("#showr").click(function () {
$("#test").show();
});
$("#hidr").click(function () {
$("#test").hide();
});

</script>

</body>
</html>

Ето ти го направено с jquery, както ти казах по рано. Ако искаш някакви допълнителни ефекти, като плавно показване и скриване може да потърсиш в google за .show и .hide какви параметри могат да приемат
 
От: Как да направя това?

Благодаря Tattler, но аз искам да изглежда така: Като се зареди страницата да се показват два бутона КУПИ и ПРОДАЙ...и текст купи. След като натисна бутона ПРОДАЙ, текста купи да се скрива а на негово място да се показва текст продай, после като натиснеш бутон КУПИ да се скрива текста продай а да се появява текста купи...и така на там..
 
От: Как да направя това?

Ех май си се захванал с неща дето не са ти много ясни :) Донагласи си малко кода който ти дадох, сложи още един див, сложи още един бутон, добави още една функцийка, и като натиснеш единия бутон скривай единия див и показвай другия, с другия бутон правиш обратното и готово. Малко копи пейст и си получил резултата :)
 
От: Как да направя това?

Справих се :)...всичко се сменява както искам...само не мога да направя като се зареди страницата да се показва единият текс с двата бутона. Сега се показват само бутоните...Малко помощ за това.
 
От: Как да направя това?

Всичко е наред..само че пак има грешка на страницата...

Fatal error: Smarty error: [in main.tpl line 307]: syntax error: unrecognized tag: $("#test").show(); (Smarty_Compiler.class.php, line 439)

Май ще се откажа...
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе