CSS + Tabele

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
Water
Posty: 5
Rejestracja: pn kwie 19, 2004 9:14 pm

CSS + Tabele

Post autor: Water »

Ponieważ gdy robisz stronę i ma ona (strona) dużo pod stron, a chcesz aby wszystko wyglądało w miarę podobnie robisz tylko plik *.css i do każdej strony dajesz link do tego pliku. W ten sposób zaoszczędzić można sporo czasu. Jeżeli chcesz wnieść jakąś zmianę do wszystkich stron to nie musisz na każdej stronie tego zmieniać tylko w jednym pliku!!
W tej chwili jestem na robieniu tabel i dlatego chciałbym się o tym zagadnieniu więcej dowiedzieć. Szukałem tego na stronach, lecz niestety jest nie jasno o tym opisane ( o ile wogóle ). Mam zrobione tabele i chciałbym, żeby po kliknięciu na tą tabele nie trzeba było wpisywać tego samego kodu w podstronie, żeby była widoczna ta sama tabela. Proszę o jasne wytłumaczenie tego, przydałby się również przykłady. Za odp. THX
Dreen
Zaczyna działać
Zaczyna działać
Posty: 633
Rejestracja: pn paź 20, 2003 6:32 pm
Lokalizacja: Żywiec

Re: CSS + Tabele

Post autor: Dreen »

chodzi ci o to, zeby gdzies indziej wyswietlic DOKLADNIE TA SAMA tabele? czy moze chcialbys wyswietlic tabele, ktora ma TAKI SAM WYGLAD? to jest spora roznica.
many
Posty: 6
Rejestracja: pt lut 14, 2003 5:51 pm

Re: CSS + Tabele

Post autor: many »

Ja do dokładnie takich samych table polecam :

plik tabela.js

Kod: Zaznacz cały

document.write(" tutaj calutki kod tabeli dajesz ");
i tam gdzie chcesz ją wyświetlić :

Kod: Zaznacz cały

<script src="tabela.js"></src>
Jednak wątpie żeby Ci o to chodziło :][/manual]
Water
Posty: 5
Rejestracja: pn kwie 19, 2004 9:14 pm

Re: CSS + Tabele

Post autor: Water »

chodzi ci o to, zeby gdzies indziej wyswietlic DOKLADNIE TA SAMA tabele? czy moze chcialbys wyswietlic tabele, ktora ma TAKI SAM WYGLAD? to jest spora roznica.
Chce wyświetlić tą samą tabele w tym samym miejscu.
Hygin
Moderator
Posty: 650
Rejestracja: wt gru 31, 2002 10:29 pm
Lokalizacja: Wrocław
Kontakt:

Re: CSS + Tabele

Post autor: Hygin »

jedne z możliwych rozwiązań rozwiązania:

JavaScript (to co zaproponował many)

index:

Kod: Zaznacz cały

<script language="javascript" src="jakis_plik"></script>
jakis_plik:

Kod: Zaznacz cały

document.write('piszesz sobie, co tam chcesz')
PHP
[php]<?php include "nazwa_pliku" ?>[/php]

SSI

Kod: Zaznacz cały

<!--#include file="nazwa_pliku"-->

css nie z tym nic wspólnego
Maverick
Nowy
Nowy
Posty: 29
Rejestracja: ndz maja 16, 2004 3:27 pm

Re: CSS + Tabele

Post autor: Maverick »

Przyczym w JavaScript nie można robić enterów, a szkoda bo cały dokument jest potem dosyc długi nie ma jakiegoś sposobu na ominięcie tego? Bo teraz cały dokument musze ustawiac w jednej lini
Dreen
Zaczyna działać
Zaczyna działać
Posty: 633
Rejestracja: pn paź 20, 2003 6:32 pm
Lokalizacja: Żywiec

Re: CSS + Tabele

Post autor: Dreen »

eeee..... mozesz uzyc html i wstawic <br> (jesli dobrze zrozumialem pytanie)

Kod: Zaznacz cały

<html>
<head>
<script language="javascript">
function x()
{
	document.write('aaaaaaaaaaaa<br>aaaaaaaaaaaa');
}
</script>
</head>
<body onload="x()">
</body></html>
==
aaaaaaaaaaaa
aaaaaaaaaaaa
Maverick
Nowy
Nowy
Posty: 29
Rejestracja: ndz maja 16, 2004 3:27 pm

Re: CSS + Tabele

Post autor: Maverick »

wszystko ok, tylko że ten kod jest długi. I musze wszystko ustawiać w jednej lini.
czyli nie
document.write('aaaaaaaaaaaa<br>aaaaaaaaaaaa');
ale
document.write('aaaaaaaaaaaa<br>aaaaaaaaaaaa'...................xx znaków);
nie da się inaczej?

I mam jeszcze jedno pytanie
gdy dałem na stronie

Kod: Zaznacz cały

<script src="plik1.jss"></script> 
i potem

Kod: Zaznacz cały

<script src="plik2.jss"></script> 
to treśc pliku plik2.jss nie chce mi sie wyświetlić :/
Dreen
Zaczyna działać
Zaczyna działać
Posty: 633
Rejestracja: pn paź 20, 2003 6:32 pm
Lokalizacja: Żywiec

Re: CSS + Tabele

Post autor: Dreen »

co do pierwszego... mozesz podzielic wyswietlanie na pare polecen document.write na przyklad

Kod: Zaznacz cały

document.write('aaa');
document.write('aaa');
document.write('aaa');
document.write('aaa');
document.write('aaa');
co do drugiego, to srypty js jesli chcesz miec w osobnym pliku, to dajesz w .js

Kod: Zaznacz cały

<script language="javascript" src="sciezka/plik.js"></script>
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: CSS + Tabele

Post autor: KaRoL »

Teraz ja mam pewien problem związany z tym JS.
Nie działa mi kod, który zapisuję w pliku JS: (w jednej lini)

Kod: Zaznacz cały

            <table border="0" cellpadding="0" cellspacing="0" width="145">
              <tr>
                <td width="145" colspan="3" height="7"></td>
              </tr>
              <tr>
                <td width="26" height="27"><img border="0" src="images/punkt.gif"></td>
                <td width="3" height="27"></td>
                <td width="116" height="27"><b><span style="letter-spacing: 1">Opcje</span></b></td>
              </tr>
              <tr>
                <td colspan="3">
                  <table border="0" cellpadding="0" cellspacing="0" width="145">
                    <tr>
                      <td width="13">•</td>
                      <td><a href="http://www.thesims2.prv.pl" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.thesims2.prv.pl');">Startuj z nami</a></td>
                    </tr>
                    <tr>
                      <td width="13">•</td>
                      <td><a href="javascript:window.external.AddFavorite('http://www.thesims2.prv.pl',%20' The Sims 2 ')">Dodaj do ulubionych</a></td>
                    </tr>
                    <tr>
                      <td width="13">•</td>
                      <td><a href="mailto:?subject=Fajna strona o The Sims 2!&body=Czesc. Wejdz koniecznie na ciekawa strone o grze The Sims 2  - http://www.thesims2.prv.pl - Znajdziesz naprawde duzo wiadomosci na temat tej nowej gry, wiele plikow do pobrania, trailerow, dodatkow i porad.">Powiadom znajomego</a></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td colspan="3"> </td>
              </tr>
              <tr>
                <td width="26" height="27"><img border="0" src="images/punkt.gif"></td>
                <td width="3" height="27"></td>
                <td width="116" height="27"><b><span style="letter-spacing: 1">Ciekawe
                  strony</span></b></td>
              </tr>
              <tr>
                <td colspan="3">
                  <table border="0" cellpadding="0" cellspacing="0" width="145">
                    <tr>
                      <td width="13" valign="top">•</td>
                      <td><a href="http://interpro.home.pl" target="_blank">Interpro
                        - witryna promocji regionalnej</a></td>
                    </tr>
                    <tr>
                      <td width="13">•</td>
                      <td></td>
                    </tr>
                    <tr>
                      <td width="13"></td>
                      <td></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td colspan="3"> </td>
              </tr>
              <tr>
                <td height="27" width="26"><img border="0" src="images/punkt.gif"></td>
                <td height="27" width="3"></td>
                <td height="27" width="116"><b><span style="letter-spacing: 1">Sonda</span></b></td>
              </tr>
              <tr>
                <td colspan="3">Na razie nie ma nic.</td>
              </tr>
              <tr>
                <td colspan="3"> </td>
              </tr>
              <tr>
                <td width="26" height="27"><img border="0" src="images/punkt.gif"></td>
                <td width="3" height="27"></td>
                <td width="116" height="27"><b><span style="letter-spacing: 1">Subskrypcja</span></b></td>
              </tr>
              <tr>
                <td colspan="3">Na razie nie ma nic.</td>
              </tr>
              <tr>
                <td colspan="3"> </td>
              </tr>
              <tr>
                <td width="26" height="27"><img border="0" src="images/punkt.gif"></td>
                <td width="3" height="27"></td>
                <td width="116" height="27"><b><span style="letter-spacing: 1">Buttony</span></b></td>
              </tr>
              <tr>
                <td colspan="3">
                  <table border="0" cellpadding="0" cellspacing="0" width="145">
                    <tr>
                      <td>
                        <table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #000000">
                          <tr>
                            <td style="border: 1px solid #00FF00"><a href="http://www.pajacyk.pl" target="_blank"><img border="0" src="http://www.pajacyk.pl/ban_pajac/pajacyk.gif" alt="Pajacyk.pl - Polska Akcja Humanitarna"></a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td></td>
                    </tr>
                    <tr>
                      <td></td>
                    </tr>
                    <tr>
                      <td></td>
                    </tr>
                    <tr>
                      <td></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td colspan="3"> </td>
              </tr>
              <tr>
                <td width="26" height="27"><img border="0" src="images/punkt.gif"></td>
                <td width="3" height="27"></td>
                <td width="116" height="27"><b><span style="letter-spacing: 1">Statystyki</span></b></td>
              </tr>
              <tr>
                <td colspan="3">Na razie nie ma nic.</td>
              </tr>
              <tr>
                <td colspan="3"></td>
              </tr>
              <tr>
                <td colspan="3"></td>
              </tr>
              <tr>
                <td colspan="3"></td>
              </tr>
            </table>
Przypuszczam, że JS nie może sobie poradzić z tym początkiem kodu i dodawaniem do ulubionych czy powiadomieniem - nie wiem konkretnie. Chciałbym się dowiedzieć jak to ominąć. Rozdzielenie kodu na dwie części nie wchodzi w rachubę...
Hygin
Moderator
Posty: 650
Rejestracja: wt gru 31, 2002 10:29 pm
Lokalizacja: Wrocław
Kontakt:

Re: CSS + Tabele

Post autor: Hygin »

Tak się składa, że JS nie lubi jak mu się pisze tak:

Kod: Zaznacz cały

document.write("...."....".....");
lub tak:

Kod: Zaznacz cały

document.write('....'....'.....');
Pisz \" oraz \'
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: CSS + Tabele

Post autor: KaRoL »

Tzn. jak? Cudzysłów z łamanym? - \
Czy może chodzi o pisanie na przemian " i ' ? Nie wiem, dotąd wszystko było ok - jest jakiś problem z tymi "opcjami" czyli albo dodawaniem do ulubionych, stroną startową albo powiadomieniem... :?
Hygin
Moderator
Posty: 650
Rejestracja: wt gru 31, 2002 10:29 pm
Lokalizacja: Wrocław
Kontakt:

Re: CSS + Tabele

Post autor: Hygin »

Nieee... pocztaj trochę o Live- bądź JavaScript. chodzi o to, że jak piszesz cośtam.cośta.cośtam(""); to pisząc jeszcze w środku owych cudzysłowów jeszcze kilka to program czytający kod wyświetla buont. Dla te go musisz zamiast """ napisać "\""...
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: CSS + Tabele

Post autor: KaRoL »

Czyli plik JS powinien wyglądać tak?

Kod: Zaznacz cały

document.write(\'<table></table>\')
Proszę, napisz przykład...
Hygin
Moderator
Posty: 650
Rejestracja: wt gru 31, 2002 10:29 pm
Lokalizacja: Wrocław
Kontakt:

Re: CSS + Tabele

Post autor: Hygin »

document.write(" zaraz tutaj .... polecam <a href=\"http://www.javascript.reporter.pl\">javascript</a> ");
ODPOWIEDZ