Съвет за този код

wood

Senior Member
Как да преправя този код след като се зареди страницата да се показва само текста КУПИ, а след като натисна бутона продай да се показва на негово място текста ПРОДАЙ, а купи да се скрива....в момента като се зареди страницата се показват и двата текста.


Това е кода:

<html>
<head>

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
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>
 
Re: Съвет за този код

Нещо такова трябва да ти свърши работа

Код:
<html>
<head>

<script type="text/javascript">
function change_value(){

if (document.getElementById("button").value=="Купи")
document.getElementById("button").value="Продай";
}
</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" id="button" onclick="change_value()" value="Купи">

</form>
</body>
</html>
Reply With Quote
 
Re: Съвет за този код

Нещо такова трябва да ти свърши работа

Код:
<html>
<head>

<script type="text/javascript">
function change_value(){

if (document.getElementById("button").value=="Купи")
document.getElementById("button").value="Продай";
}
</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" id="button" onclick="change_value()" value="Купи">

</form>
</body>
</html>
Reply With Quote


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

Имаш правописни грешки. Един ненужен интервал измежду буквите на visible, също на едното място си писал none, а трябва да е hidden.
Ето така трябва да е (не си казал дали да са в различни или еднакви клетки, така че го оставих с две различни, както беше):
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
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:visible" id="hid">
<td width="17%" class="labeltext">Купи</td>
</tr>
<tr style="visibility:hidden" id="hid2">
<td width="17%" class="labeltext">Продай</td>

</tr>

</table>

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

</form>
</body>
</html>
 
Re: Съвет за този код

Имаш правописни грешки. Един ненужен интервал измежду буквите на visible, също на едното място си писал none, а трябва да е hidden.
Ето така трябва да е (не си казал дали да са в различни или еднакви клетки, така че го оставих с две различни, както беше):
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
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:visible" id="hid">
<td width="17%" class="labeltext">Купи</td>
</tr>
<tr style="visibility:hidden" id="hid2">
<td width="17%" class="labeltext">Продай</td>

</tr>

</table>

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

</form>
</body>
</html>


Благодаря scoobydoo🙂..това исках...само как да го направя текста да излиза в дна клетка/ в целият прозорец без клетка. 1221 ли беше за кирилица...че излиза с питанки.
 
Re: Съвет за този код

Аз съм сложил правилният код за кирилицата, ти трябва да запазиш файла като utf-8 without BOM.
Така ли го искаш:
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.display="inline";
document.getElementById("hid2").style.display="none";
}
function hideme(){
document.getElementById("hid").style.display="none";
document.getElementById("hid2").style.display="inline";
}
</script>

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

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

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

</tr>

</table>

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

</form>
</body>
</html>
 
Re: Съвет за този код

Всичко е ОК, мерси ....🙂
 
Re: Съвет за този код

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

Fatal error: Smarty error: [in main.tpl line 260]: syntax error: unrecognized tag: document.getElementById("hid").style.display="inli ne"; document.getElementById("hid2").style.display="non e"; (Smarty_Compiler.class.php, line 439)
 
Re: Съвет за този код

Това е кода на страницата на която искам да поставя...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="bg-BG" lang="bg-BG">
<head>
<title>
{if $TITLE ne ""}  {$TITLE} {/if}
</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<meta name="ROBOTS" content="All">
<meta name="revisit-after" content="2 days">


<link rel="StyleSheet" type="text/css" href="{image src="design.css"}" />
<script language="JavaScript" type="text/javascript" src="{image src='bookmarks.js'}"/></script>
<link rel="alternate" type="application/rss+xml" href="{$GLOBALS.site_url}/system/classifieds/last_listings_rss/?lang={$GLOBALS.current_language}" title="[[Last Listings:raw]]">
<link rel="alternate" type="application/rss+xml" href="{$GLOBALS.site_url}/system/classifieds/featured_listings_rss/?lang={$GLOBALS.current_language}" title="[[Featured ads:raw]]">


<head/>
<body><center><center/>



{literal}
<!-- Check JS -->
<NOSCRIPT>
</br>
</br>
<table bgcolor="#FFFF00" cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr><td align="center"><font style="color:black;font-size:16px;">To use this site your Internet browser must have JavaScript enabled.</font></td></tr>
</table>
</NOSCRIPT>
<!-- Check Cookies -->
<center>
<table bgcolor="#FFFF00" cellpadding="0" cellspacing="0" border="0" style="width:100%; display:none;" id="cookie_warning">
<tr><td align="center"><font style="color:black;font-size:16px;">To use this site your Internet browser must have Cookies enabled.</font></td></tr>
</table>
</center>
<script language="javascript">
if (!window.navigator.cookieEnabled || document.cookie=='')
{
document.getElementById("cookie_warning").style.display="block";
}
</script>
{/literal}
<div style="display:none;">

<img src="{image}find_home.jpg" alt="" />
<img src="{image}sell_house.jpg" alt="" />
</div>
<div class="main">
<div class="header">

{module name="menu" function="top_menu"}

</div>

<div class="content">
<div class="leftBlock">
{module name="menu" function="left_menu"}
{module name="menu" function="user_menu"}
<div class="pollBlock">
{module name="poll" function="poll_form"}
</div><br />
<div class="featuredAdsHeader">
<h3>[[Featured ads]]</h3>
</div>
<div class="featuredAdsKeep">
{$MAIN_CONTENT}
</div>

<br />


</div><br />

<div class="rightBlock" style="overflow:hidden;">
<div class="rightBlockCont">

<table cellpadding=0 cellspacing=0><tr><td>

<div class="quickSearch">
<div class="quickSearchHeader"><h3>[[Бързо търсене]]</h3></div>
<div class="quickSearchKeep" >
{module name="classifieds" function="search_form" form_template="quick_search.tpl" listing_type_id="HomesForSale"}
</div>
</div>

<div class="sellHome">
<div class="sellHomeHeader"><h3>[[Sell&Buy]]</h3></div>
<tr>
<td>


</td>
</tr>


</div>



</td></tr><tr><td style="padding-top:15px">

<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>



</td></tr></table>

</div>




<br />
<div class="featuredAdsHeader">
<h3>[[news]]</h3>
</div>

<!-- NACHALO HIDE -->

<script type="text/javascript">
function callme(){
document.getElementById("hid").style.display="inline";
document.getElementById("hid2").style.display="none";
}
function hideme(){
document.getElementById("hid").style.display="none";
document.getElementById("hid2").style.display="inline";
}
</script>

<form name="myform">
<input type="button" onclick="callme()" value="Купи">
<input type="button" onclick="hideme()" value="Продай">
<table width="100%" border="0" cellpadding="2" cellspacing="2">
<tr>

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

</tr>

</table>


<!-- KRAI NA HIDE -->


</td>



</div>
</div>
<div class="clear_both"></div>
</div>

<table width=980 cellspacing=0 cellpadding=0 border=0 style="margin-top:10px;">
<tr>
<td style="padding-top:5px; padding-bottom:5px; border-top:#900 2px solid; border-bottom:">
 
<font style="color:#4D4D4D">Наши партньори:
</td>
</tr>
</table>

<div class="copyri">


</div>
</div>



</body>
</html>
 
Последно редактирано:
Re: Съвет за този код

А някакви тагове за php кода не трябва ли да се използват?
Като <? и ?>
Ако използваш някакъв начин за съкращаване на кода по-добре друг да те посъветва, понеже аз не съм запознат с тези му магии.
Поздрави.
 
Re: Съвет за този код

Хайде колеги никой ли няма идея защо когато поствя скрипта на този код в индекса и ми дава грешка на страницата.

Скрипт:
<style>

</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>



<button id="hidr">Продай</button>
<button id="showr">Купи</button>

<div id="test1">Продайте</div>
<div id="test">Купи</div>
<script>
$(document).ready(function() {
$("#test1").hide();
});

$("#hidr").click(function () {
$("#test").hide();
$("#test1").show();
});

$("#showr").click(function () {
$("#test").show();
$("#test1").hide();
});

</script>

Грешка

Fatal error: Smarty error: [in main.tpl line 272]: syntax error: unrecognized tag: $("#test1").hide(); (Smarty_Compiler.class.php, line 439) in
 
Re: Съвет за този код

това е смарти сложи джаваскрипта в {literal}{/literal} таг

Код:
{literal}
<script>
$(document).ready(function() {
$("#test1").hide();
});

$("#hidr").click(function () {
$("#test").hide();
$("#test1").show();
});

$("#showr").click(function () {
$("#test").show();
$("#test1").hide();
});

</script>
{/literal}
 
Re: Съвет за този код

това е смарти сложи джаваскрипта в {literal}{/literal} таг

Код:
{literal}
<script>
$(document).ready(function() {
$("#test1").hide();
});

$("#hidr").click(function () {
$("#test").hide();
$("#test1").show();
});

$("#showr").click(function () {
$("#test").show();
$("#test1").hide();
});

</script>
{/literal}

🙂🙂🙂 Благодаря vkusno...всичко е ОК вече.
 

Back
Горе