Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: pokazywanie- ukrywanie formularza
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Plastek
Witam, mam prośbę, chciałbym zrobić taką rzecz a mianowicie chodzi mi o to aby jednym przyciskiem na stronie "włączać-wyłączać" czyli wczytywać jakiś skrypt np formularz na stronie, proszę was o pomoc
dziękuje
revyag
  1. <button onclick="skrytp()">pokaz skrypt</button>


?
Plastek
żle coś zrobiłem bo mi nie działa, w skrypcie usterki.php mam formularz wraz z wyświetlaną tabelą Móglbym wstawić cały formularz na stronę a nie incudować, tylko, że jestem w javie cienki jak nić pajęcza ,proszę was o jakiś przykład i nadal nie wiem jak miałbbym to zrobić aby po nacisnieciu przycisku raz mi się skrypt lub formularz ze skryptu pojawiał a raz nie
  1. <script language="JavaScript">
  2.  
  3. function skrypt(){
  4.  
  5. <?php
  6. include ('usterki.php');
  7. ?>
  8. }
  9.  
  10.  
  11. <button onclick="skrytp()">pokaz skrypt</button>
Vogel
Javascript - client side
php - serwer side

podpowiem ci że php tutaj nie ma nic do ggadania a twój "includ" ładuje się za każdym razem. nie wiesz co do czego służy i jak działa a mimo to używasz. zobacz jak taki formularz jest zrobiony choćby na tym forum (szybka odpowiedź)...
LBO
to powinno troche pomoc: ukrywanie/odkrywanie DIV
Plastek
fakt podałem zły przykład z includowaniem skryptu, ale nadal mam pytanie czy jest szansa aby jednym buttonem pokazać na stronie, bądź ukryć jakiś formularz bądź skrypt wywołujący taki formularz.
LBO
a zajrzales wogole do linku ktory ci podalem?

tam jest podane wszystko jak na tacy.. wyobraz sobie tylko ze w tych DIVach masz swoj formularz.. albo skypt - cokolwiek...
Plastek
Tak, jest w nim przykład baredzo podobny, jakiego oczekiwałem. Zależało by mi jeszcze na tym aby po otwarciu strony automatycznie były załadowany jakiś standardowy np. formularz_1 a po kliknięciu przycisku by on znikał a pojawiał się np. formularz_2, później następne kliknięcie znowu pojawienie się formularza_1 i zniknięcie formularza_2. może aby było łatwiej poniżej twój skrypt
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Untitled Document</title>
  5. <script language="Javascript">
  6. function sh(id) {
  7. /*
  8. predefiniowana tablica z
  9. elementami obslugiwanymi
  10. przez menu
  11. */
  12. modules = new Array('galeria', 'home');
  13. for (i = 0; i < modules.length; i++) {
  14. if (i != id) {
  15. //alert(modules[i] + ' != ' + modules[id]);
  16. document.getElementById(modules[i]).style.display = 'none';
  17. } else {
  18. //alert(modules[i] + ' == ' + modules[id]);
  19. document.getElementById(modules[i]).style.display = 'block';
  20. }
  21. }
  22. }
  23. </head>
  24.  
  25. <a href="#" onClick="sh(0);">Pokaz/Ukryj Galeria</a><br />
  26. <a href="#" onClick="sh(1);">Pokaz/Ukryj Home</a>
  27. <div style="display: none;" id="galeria">tutaj tresc gallery</div>
  28. <div style="display: none;" id="home">tutaj tresc home</div>
  29. </body>
  30. </html>
LBO
chyba nie myslisz ze napisze ci gotowca.. i ze ktokolwiek to zrobi... jakbys wykazal troszke inwencji to rozumiem chetnie podpowiem, ewentualnie zmodyfikuje... a ty:
Cytat
[...] aby było łatwiej poniżej twój skrypt [...]

:/
Plastek
Znalazłem coś na forum prostrzego i troche zmieniłem, działa w 90% tak jak bym chciał
  1. <script type="text/javascript">
  2. <!--
  3. function pokazUkryj(id)
  4. {
  5. document.getElementById(id).style.display = (document.getElementById(id).style.display == "none") ? "block" : "none";
  6. }
  7.  
  8. -->
  9.  
  10. <!-- UZYCIE -->
  11.  
  12. <input type="button" onclick="javascript:pokazUkryj('menu_1');pokazUkryj('menu_2')" value="Przełącz">
  13.  
  14.  
  15.  
  16. <div id="menu_1" style="display:none">Menu 1<br /><br />Wstawia formularz ukrywa tabele</div>
  17. <div id="menu_2" style="display:block">Menu 2<br /><br />Jest tabela </div>[/XML]


w całości mój skrypt wyglada tak :
  1. <script type="text/javascript">
  2. <!--
  3. function pokazUkryj(id)
  4. {
  5. document.getElementById(id).style.display = (document.getElementById(id).style.display == "none") ? "block" : "none";
  6. }
  7. -->
  8.  
  9. <!-- UZYCIE -->
  10.  
  11. <input type="button" onclick="javascript:pokazUkryj('menu_1');pokazUkryj('menu_2')" value="Przełącz">
  12.  
  13.  
  14.  
  15. <div id="menu_1" style="display:none">Menu 1<br /><br />
  16.  
  17. <script language="JavaScript">
  18. <!--
  19.  
  20.  
  21. function pokazUkryj(id)
  22. {
  23. document.getElementById(id).style.display = (document.getElementById(id).style.display == "none") ? "block" : "none";
  24. }
  25.  
  26.  
  27. function add1textarea(A){
  28. document.nazwa.opis.value+=" "+A+" "
  29. }
  30.  
  31.  
  32. -->
  33.  
  34.  
  35. <script language="JavaScript">
  36.  
  37. function add1textarea(A){
  38. document.nazwa_formularza.nazwa_textarea.value+=" "+A+" "
  39. }
  40. function add2textarea(A){
  41. document.nazwa_formularza.nazwa_textarea.value+=" "+A+" "
  42. }
  43.  
  44.  
  45. <?php
  46.  
  47. print"<form name='nazwa_formularza' method='post' action='usterkiwstaw.php?id=$id&&login=$login&&haslo=$haslo'>";
  48. print"&nbsp;Numer abonenta&nbsp;&nbsp;";
  49. print"<input type='text' name='numer_ust' size='10' style='background-color: #FFFF99; color: red; font-weight:bold; font-size: 12pt'>";
  50.  
  51. print"&nbsp;&nbsp;&nbsp;&nbsp;Numer kontaktowy:&nbsp;&nbsp;";
  52. print"<input type='text' name='tel_kontaktowy' size='10' style='background-color: #FFFF99; color: red; font-weight:bold; font-size: 12pt'>";
  53.  
  54. print"&nbsp;&nbsp;&nbsp;&nbsp;Godziny dost. ab.:&nbsp;&nbsp;";
  55.  
  56.  
  57.  
  58.  
  59. #print "<select name='od_gdz' style='background-color: #CCFF99'>";
  60. #for ($gdz=1; $gdz<=24; $gdz++) {
  61.  
  62. #print "<option value=\"$gdz\">$gdz</option>\n";
  63. #print"<option selected='selected'></option>";
  64. #}
  65. #print "</select>";
  66. print "od:&nbsp;&nbsp;&nbsp;";
  67.  
  68. print "<select name='od_gdz' style='background-color: #CCFF99'>";
  69.  
  70. print"<option></option>";
  71. print"<option>1:00</option>";
  72. print"<option>2:00</option>";
  73. print"<option>3:00</option>";
  74. print"<option>4:00</option>";
  75. print"<option>5:00</option>";
  76. print"<option>6:00</option>";
  77. print"<option>7:00</option>";
  78. print"<option>8:00</option>";
  79. print"<option>9:00</option>";
  80. print"<option>10:00</option>";
  81. print"<option>11:00</option>";
  82. print"<option>12:00</option>";
  83. print"<option>13:00</option>";
  84. print"<option>14:00</option>";
  85. print"<option>15:00</option>";
  86. print"<option>16:00</option>";
  87. print"<option>17:00</option>";
  88. print"<option>18:00</option>";
  89. print"<option>19:00</option>";
  90. print"<option>20:00</option>";
  91. print"<option>21:00</option>";
  92. print"<option>22:00</option>";
  93. print"<option>23:00</option>";
  94. print"<option>24:00</option>";
  95.  
  96.  
  97. print"</select>";
  98.  
  99. print "&nbsp;&nbsp;&nbsp;do:&nbsp;&nbsp;&nbsp;";
  100. print "<select name='gdz' style='background-color: #CCFF99'>";
  101.  
  102. print"<option></option>";
  103. print"<option>1:00</option>";
  104. print"<option>2:00</option>";
  105. print"<option>3:00</option>";
  106. print"<option>4:00</option>";
  107. print"<option>5:00</option>";
  108. print"<option>6:00</option>";
  109. print"<option>7:00</option>";
  110. print"<option>8:00</option>";
  111. print"<option>9:00</option>";
  112. print"<option>10:00</option>";
  113. print"<option>11:00</option>";
  114. print"<option>12:00</option>";
  115. print"<option>13:00</option>";
  116. print"<option>14:00</option>";
  117. print"<option>15:00</option>";
  118. print"<option>16:00</option>";
  119. print"<option>17:00</option>";
  120. print"<option>18:00</option>";
  121. print"<option>19:00</option>";
  122. print"<option>20:00</option>";
  123. print"<option>21:00</option>";
  124. print"<option>22:00</option>";
  125. print"<option>23:00</option>";
  126. print"<option>24:00</option>";
  127.  
  128.  
  129. print"</select>";
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136. print"<p align='left'><textarea name='nazwa_textarea' rows='4' cols='57' style='background-color: #FFFF99; color: red; '> </textarea>";
  137. #print"<br>";
  138. print"<button type='reset' name='reset'>skasuj dane</button>";
  139. print "<input type='hidden' name='login' value='$login'>";
  140. print "<input type='hidden' name='haslo' value='$haslo'>";
  141. print"<input type='submit' value=' wyślij dane !!!'>";
  142. print"</form>";
  143.  
  144.  
  145. ?>
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <br>
  153. <input type="button" onclick="javascript:add1textarea('zajętość,');" value=" zajętość ">
  154. <br>
  155. <input type="button" onclick="javascript:add2textarea('brak sygnału,');" value="brak sygnału">
  156.  
  157.  
  158. <?php
  159. // tabela wyników
  160.  
  161.  
  162. $polaczenie = odbc_connect('aaa', 'bbb', 'ccc');
  163.  
  164. if ($polaczenie == true) {
  165.  
  166. $wynik = odbc_exec($polaczenie, 'SELECT * FROM usterki WHERE pobral is null ORDER BY data DESC');
  167.  
  168. $sql1 = "select count(*) as result from usterki where (pobral is null) ";
  169. $wynik1 = odbc_exec($polaczenie,$sql1);
  170. $vol = odbc_result($wynik1,1);
  171.  
  172. $field=odbc_num_fields($wynik);
  173. $rows =odbc_num_rows($wynik);
  174. print "<table border cellspacing='2' cellpadding='2'>";
  175. print "<caption><font size='4' color='#008080'>..:: Usterki ::..</caption>";
  176. print "<caption><font size='3' color='#008080'>Ilość: $vol </caption>";
  177.  
  178. {
  179. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Lp.</strong></td>";
  180. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>ID</strong></td>";
  181. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Data wystawienia</strong></td>";
  182. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Wystawił</strong></td>";
  183. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Numer</strong></td>";
  184. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Opis</strong></td>";
  185. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Tel. kontaktowy</strong></td>";
  186. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Gdz. dostępności ab</strong></td>";
  187. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Data pobrania</strong></td>";
  188. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Pobrał</strong></td>";
  189.  
  190. }
  191.  
  192.  
  193. }
  194.  
  195. while ($line = odbc_fetch_array($wynik))
  196.  
  197. {
  198. print "<tr>";
  199. print"<td><input class='Modul' type='button' value='Usuń'
  200. OnClick =\"location.href='usterkiusun.php?id=$line[id] && login=$login && haslo=$haslo'\"
  201. onMouseOver=\"this.style.background='#f2f4c6'\"
  202. onMouseOut =\"this.style.background='#f3c6bb'\"></td>";
  203.  
  204.  
  205. #print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>$line[0]</td>";
  206. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['id']."</td>";
  207. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['data']."</td>";
  208. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['wystawil']."</td>";
  209. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$NrKat=$line['numer']."</td>";
  210. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['opis']."</td>";
  211. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['tel_kontaktowy']."</td>";
  212. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['gdz_dost_ab']."</td>";
  213. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['data_pobrania']."</td>";
  214. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['pobral']."</td>";
  215. print "</tr>";
  216.  
  217. }
  218.  
  219. print ("</table></center>");
  220.  
  221. ?>
  222.  
  223.  
  224. </div>
  225.  
  226.  
  227. <div id="menu_2" style="display:block">Menu 2<br /><br />
  228.  
  229. <?php
  230.  
  231. {
  232. #print"<br><br>";
  233. $polaczenie = odbc_connect('aaa', 'bbb', 'ccc');
  234. $wynik = odbc_exec($polaczenie, 'select * FROM test WHERE (wykonal is null) ORDER BY data ASC');
  235.  
  236. $sql1 = "select count(*) as result from test where (wykonal is null) ";
  237. $wynik1 = odbc_exec($polaczenie,$sql1);
  238. $vol = odbc_result($wynik1,1);
  239. $sek=$vol*5;
  240. if ($sek>60) {
  241. $czas=$sek/60;
  242. }
  243. $field=odbc_num_fields($wynik);
  244. $rows =odbc_num_rows($wynik);
  245.  
  246. print "<table border cellspacing='2' cellpadding='2'>";
  247. print "<caption><font size='4' color='#008080'>..:: Potwierdzenie Zleceń ::.. Ilość: $vol </caption>";
  248.  
  249. {
  250. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Lp.</strong></td>";
  251. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>ID</strong></td>";
  252. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Zlecajacy</strong></td>";
  253. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Numer</strong></td>";
  254. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Profil</strong></td>";
  255. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Data wystawienia</strong></td>";
  256. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Opis</strong></td>";
  257. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Centrala</strong></td>";
  258. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Rejon</strong></td>";
  259. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Plan</strong></td>";
  260. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Wykonał</strong></td>";
  261. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Data Wykonania</strong></td>";
  262. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Komentarz</strong></td>";
  263. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>Dodaj</strong></td>";
  264. print"<td align='center' BGCOLOR='#339990'><font color='white'><strong>IP</strong></td>";
  265. }
  266.  
  267.  
  268. }
  269.  
  270. while ($line = odbc_fetch_array($wynik))
  271.  
  272. {
  273. print "<tr>";
  274. print"<td><input class='Modul' type='button' value='Wykonaj'
  275. OnClick =\"location.href='wykonajpotwierdzenie.php?id=$line[id]&&login=$login&&haslo=$haslo&&numer=$line[numer]&&profil=$line[profil]&&centrala=$line[centrala]&&plan=$line[plan]'\"
  276. onMouseOver=\"this.style.background='#f2f4c6'\"
  277. onMouseOut =\"this.style.background='#f3c6bb'\"></td>";
  278.  
  279. #print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>$line[0]</td>";
  280. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['id']."</td>";
  281. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['zlecajacy']."</td>";
  282. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$NrKat=$line['numer']."</td>";
  283. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['profil']."</td>";
  284. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['data']."</td>";
  285. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['opis']."</td>";
  286. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['centrala']."</td>";
  287. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['rejon']."</td>";
  288. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['plan']."</td>";
  289. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['wykonal']."</td>";
  290. print"<td align='center' BGCOLOR='#dbf4f5'><font color='black'>".$line['data_wykonania']."</td>";
  291. print"<td align='center' BGCOLOR='#dbf4f5'><font color='red'>".$line['komentarz']."</td>";
  292. print"<td><input class='Modul' type='button' value='Komentarz'
  293. OnClick =\"location.href='komentarzedycja.php?id=$line[id]&&login=$login&&haslo=$haslo'\"
  294. onMouseOver=\"this.style.background='#f2f4c6'\"
  295. onMouseOut =\"this.style.background='#f3c6bb'\"></td>";
  296. print"<td><input class='Modul' type='button' value='Znajdź'
  297. OnClick =\"window.open('szukajip1.php?search=$line[numer]', 'Wiadomości', 'toolbar,menubar,scrollbars,resizable,height=320,width=520,left=300,top=300')\"
  298. onMouseOver=\"this.style.background='#f2f4c6'\"
  299. onMouseOut =\"this.style.background='#f3c6bb'\"></td>";
  300. print "</tr>";
  301.  
  302.  
  303. }
  304.  
  305. print ("</table></center>");
  306.  
  307.  
  308.  
  309. ?>
  310. </div>


Standarowo po załadowaniu strony ładuje mi sie "menu_2" ze skryptem tabeli i działa prawidłowo, natomiast kiedy przełącze na "menu_1" i uruchomię zawarty w nim skrypt, spowrotem ładuje mi się standardowy skrypt "menu_2"
Jak to zrobić aby przy uruchamianiu skryptu zawartego "menu_1" nie przełączało mi się na skrypt zawarty w "menu_2"
LBO
sprawdz czy na poprzedniej stronie nie wypelniles formularza i wyslales dane (bo chyba to rozumiesz przez slowo skrypt, naduzywasz tego slowa - za czesto) np. poprzez sprawdzenie czy tablice $_POST albo $_GET zawieraja interesujace ciebie dane.. jezeli tak to musisz tylko w BODY dodac:
  1. <body onLoad="javascript:pokazUkryj('menu_1');pokazUkryj('menu_2')">
Plastek
jak wstawiłem [HTML<body onLoad="java script:pokazUkryj('menu_1');pokazUkryj('menu_2')">[/HTML]
to pojawia mi sie za kazdym razem menu_2 zawierajace tabelę i Menu_1 zawierające formularz, chyba że mozna cos wykombinować w skrypcie który obsługuje formularz zawarty w Menu_1
  1. <?php
  2. $polaczenie = odbc_connect('profile', 'projektant', 'sosNa');
  3. if ($polaczenie == true) {
  4. $wstaw = "INSERT INTO usterki (data,wystawil,numer,opis,tel_kontaktowy,gdz_dost_ab) VALUES (NOW(),'$login', '$numer_ust','$nazwa_textarea','$tel_kontaktowy','$od_gdz - $do_gdz' )";
  5. $res=odbc_exec($polaczenie,$wstaw);
  6. header ("location:index2.php?login=$login&&haslo=$haslo");
  7. if (odbc_num_rows($res)!=0) {
  8. echo '<font size="4" color="#008080">Potwierdzenie zostało wykonane.</font>';
  9. echo '<br><br>';
  10.  
  11. } else {
  12. echo '<font size="4" color="#FF3300">Potwierdzenie Nie zostało wykonane !!!</font>';
  13. }
  14. }
  15. #else
  16.  #  echo 'Nie udalo sie polaczyc'; 
  17. ?>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.