Форум PHP программистов > свойство 'visibility' 'visibility'

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: свойство 'visibility' 'visibility'

anonymouse

30.03.2009 - 20:00

Доброе время суток -

И так к делу :
Мне нужно сделать чтобы при клике появлялась (форма TEXTAREA)
и мне посоветовали 2 способа
1. JS
2. CSS

1. я так и не нашел макулатуры про createElement ( нашел но ничего не понял )
2. ксс. нашел - почти что мне надо но не понял почему не работает.

Я скину пример 2-ой кто что поймет объясните плз.

П.С. как таковым я как и сказал мне нужно создать под <a href> форму это конечный мой результат но если смогу понять как создать див или еще что-то такое может уж и остальное пойму... (выкручусь короче)

КОД что нашел в интернете. HTML + CSS

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<P>Выберите подозреваемого:</P>
<DIV id="container1">
<IMG alt="Аль Капоне" width="100" height="100" src="suspect1.jpg">
<P>Имя: Аль Капоне</P>
<P>Место жительства: Чикаго</P>
</DIV>

<DIV id="container2">
<IMG alt="Лаки Лючано"
width="100" height="100"
src="suspect2.jpg">
<P>Имя: Лаки Лючано</P>
<P>Место жительства: Нью-Йорк</P>
</DIV>

<FORM method="post"
action="http://www.suspect.org/process-bums">
<P>
<INPUT name="Capone" type="button"
value="Capone"
onclick='show("container1");hide("container2")'>
<INPUT name="Luciano" type="button"
value="Luciano"
onclick='show("container2");hide("container1")'>
</FORM>
</BODY>
</HTML>

Спустя 32 минуты, 35 секунд (30.03.2009 - 19:32) kirik написал(а):

Цитата (anonymouse @ 30.03.2009 - 11:00)

Мне нужно сделать чтобы при клике появлялась (форма TEXTAREA)
и мне посоветовали 2 способа
1. JS
2. CSS

Пожалуй есть только один способ (JS) потому как в случае с CSS JS играет главную роль.
Я не понял, где именно тебе нужно создать текстэрию, но думаю способ JS+CSS подойдет:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<script>
function ge(id)
{
return document.getElementById(id);
}

function showArea(id, obj)
{
// если форма скрыта
if(ge(id).style.display == 'none')
{
ge(id).style.display = ''; // показываем форму (меняем стиль display на '')
obj.innerHTML = 'Hide Area'; // меняем текст кнопки
}
else // если форма показана - скрываем
{
ge(id).style.display = 'none'; // показываем форму (меняем стиль display на none)
obj.innerHTML = 'Show Area'; // меняем текст кнопки
}
return false; // возвращаем false, чтобы ссылка не сработала как ссылка
}
</script>
</head>
<body>
<form action="script.php" method="post">
<a href="#" onclick="return showArea('area', this)">Show Area</a><br /><br />
<textarea name="area" id="area" style="display: none;">Text here</textarea>
</form>
</body>
</html>

Если нужно именно создать элемент, то скажи, я приведу пример.

Спустя 34 минуты, 17 секунд (30.03.2009 - 20:07) anonymouse написал(а):

kirik
СПС ТЕБЕ БОЛЬШОЕ !!! Ты все супер сделал - спс спс спс спс спс

П.С. на какой мне адрес пиво выслать ? может вина ? =)
ЗАЧЕТ !!!!!

Спустя 21 минута, 18 секунд (30.03.2009 - 20:28) anonymouse написал(а):

Вопрос на засыпку - а если у меня на стр. 100 таких кнопок ?
Тогда он запускает первую - это наверное тогда нужно каждой дать свой ид ? или как...

Спустя 34 минуты, 55 секунд (30.03.2009 - 21:03) anonymouse написал(а):

PHP

echo " 
  <form name=\"form".$i."\" action=\"script.php\" method=\"post\" >
 <a href='#' onclick=\"return showArea('area".$i."', this)\">
 &nbsp;&nbsp;  
 <img src='images/document__plus.png'> </a><br /><br />
 <textarea name=\"area".$i."\" id=\"area".$i."\" style=\"display: none;\">Text here</textarea>
</form>
";
$i=$i+1;

Сам разобрался ))) Вот круто блин спс тебе еще рас !!!
Теперь надо бы задать опций форме а то у меня она так глупо показываться на стр.

П.С. просто я с JS ваше не шарю... =(

Спустя 35 минут, 38 секунд (30.03.2009 - 21:39) kirik написал(а):

Цитата (anonymouse @ 30.03.2009 - 13:03)

Теперь надо бы задать опций форме а то у меня она так глупо показываться на стр.

не понял..

Спустя 22 минуты, 35 секунд (30.03.2009 - 22:01) anonymouse написал(а):

Цитата (kirik @ 30.03.2009 - 18:39)

Цитата (anonymouse @ 30.03.2009 - 13:03)

Теперь надо бы задать опций форме а то у меня она так глупо показываться на стр.

не понял..

Все круто! все работает - уже настроил все как надо - ша все левые формы переведу на такую структуру )

Спустя 2 минуты, 59 секунд (30.03.2009 - 22:04) kirik написал(а):

Цитата (anonymouse @ 30.03.2009 - 14:01)

все работает - уже настроил все как надо

ОК

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.