Forum PHP.pl > [js] Dlaczego nie działa \n

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] Dlaczego nie działa \n

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Terrqge

25.11.2011, 21:46:25

Dopiero zaczynam uczyć się js'a i już napotkałem problem z przejściem do następnej linii. Może to i banalne, ale...

Mam plik html'a w standardzie XHTML 1.0 Strict.
A w nim:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="js/skrypt2.js" charset="utf-8"></script>
[HTML] pobierz, plaintext

Natomiast skrypt2.js wygląda tak...

Kod

document.write("Pierwsza linia\n");
document.write("Druga linia\n");

...i wszystko wyświetla się w jednej linii... Czemu przejście do następnej linii w ten sposób nie działa?

Ewentualnie napisałem coś takiego

Kod

document.write("Pierwsza linia"+" ");
document.write("Druga linia"+" );

...i wtedy działa. Ale czy to do końca jest poprawne? Zresztą, szybciej i prościej użyć \n. Co robie źle?

wookieb

25.11.2011, 22:00:17

Poprawne. W htmlu nowa linia to a nie \n

Terrqge

25.11.2011, 22:03:17

W takim razie dlaczego w różnych kursach itp, używają \n i im wszystko działa?

nospor

25.11.2011, 22:04:46

Cytat

kim razie dlaczego w różnych kursach itp, używają \n i im wszystko działa?

Bo:
ALbo nie działa a tobie się wydaje że działa,
Albo tobie się wydaje ze działa, podczas gdy nie działa

Terrqge

25.11.2011, 22:09:57

Aha...

W takim razie na tej stronie w tabelce 2.1 Typy danych "\n" umieszczono ze świadomością, że nikomu nie zadziała i to tylko taki kit?

nospor

25.11.2011, 22:13:24

Yyy, to że ktoś napisał
\n - nowy wiersz
to ty założyłeś że działa?? No bez jaj. Jak możesz pisać ze cos gdzieś działa, podczas gdy nie masz tego potwierdzenia??

A poza tym, \n to jest nowy wiersz, ale nie dla HTML. HTML jako nowy wiersz interpretuje jedynie BR. Jakbyś jednak podejrzał źródło strony to byś zobaczył że \n to nowy wiersz.
Nie kłóć się więc w rzeczach których nie rozumiesz, a już tym bardziej nie pisz, że coś działa, podczas gdy nie sprawdzasz na własne oczy że działa.

Terrqge

25.11.2011, 22:18:17

Dziękuję za odpowiedź...

Ależ ja nawet nie próbuję się kłócić.

W takim razie chyba już ostatnie pytanie. Skoro nie przy HTML to kiedy używamy tegoż że \n?

nospor

25.11.2011, 22:22:13

W edytorze tekstu

Nowa linia w edytorze tekstu to jest właśnie \n tylko ty tego nie widzisz bo to znak specjalny. Ty go widzisz jako nowa linia

Inny przykład:

generujesz plik tekstowy z kilkoma liniami:

[PHP] pobierz, plaintext 
$zm =  "pierwsza linia\ndrugal linia\ntrzecia linia";
[PHP] pobierz, plaintext

I taką treść tej zmiennej zapisujesz do pliku. Otworzysz plik edytorem i zobaczysz tam 3 linie. Proste.

Terrqge

25.11.2011, 22:44:56

Wybacz, ale nie zrozumiałem tego ostatniego przykładu.

O co chodzi z tym generowaniem pliku? I o jaki edytor tekstu Ci chodzi, o ten w którym piszę sobie skrypt?

Napisałem skrypt tak:

Kod

var n = "pierwsza linia\ndrugal linia\ntrzecia linia";

document.write(n);

Mimo to, wyświetla się dalej w jednej linii...

wookieb

25.11.2011, 22:45:42

http://www.google.pl/search?q=css+white-sp...lient=firefox-a

Terrqge

25.11.2011, 22:59:30

No ok i co dalej.

Mam dać white-space:nowrap do cssa jako , a potem tekst wsadzić w js w znaczniki ... Pewnie nie, w ogóle do czego do miałoby służyć?

Może już was trochę zamęczam, ale chodzi mi tylko o konkretny przykład kiedy i jak używa się tego tajemniczego "\n". Nic więcej mi nie potrzeba...

wookieb

25.11.2011, 23:02:58

Użyj http://jsfiddle.net i pokaż co masz.

Terrqge

25.11.2011, 23:08:05

A cóż miałbym mieć? Mam cały czas to samo....

html

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="utf-8"?>
<!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="en" lang="en">
<head>
<title></title>
<meta name="generator" content="Bluefish 2.0.1" />
<meta name="author" content="Sk" />
<meta name="date" content="2011-10-15T23:14:00+0200" />
<meta name="copyright" content=""/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css"/>
<meta http-equiv="expires" content="0"/>
 
<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
 
<script type="text/javascript" src="js/skrypt2.js" charset="utf-8"></script>
 
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

skrypt3.js

[PHP] pobierz, plaintext 
var n =  "pierwsza linia\ndrugal linia\ntrzecia linia";
 
document.write(n);
[PHP] pobierz, plaintext

strona ktora sie wyswietla

[PHP] pobierz, plaintext 
pierwsza linia drugal linia trzecia linia
[PHP] pobierz, plaintext

Bo tego twojego white-space nie wiem za bardzo jak użyć i w ogóle po co? Chodzi mi tylko o to tajemnicze \n... Doczekam sie kiedykolwiek bezpośredniej odpowiedzi...

wookieb

25.11.2011, 23:11:25

[HTML] pobierz, plaintext 
<div id="container" style="white-space: pre">
[HTML] pobierz, plaintext

Terrqge

25.11.2011, 23:15:36

Ok, ale to działa w obrębie Html'a, a nie mojego skryptu.

Zresztą, nie ma sensu dalej ciągnąć wątku bo i tak nikt nie jest w stanie udzielić mi odpowiedzi na moje pytanie, czyli kiedy i jak stosujemy ogólnie zapis "\n"... O przechodzeniach do nowej linii innymi sposobami to ja już wiem.

wookieb

25.11.2011, 23:19:11

Przecież dostałeś JASNĄ odpowiedź, że w htmlu to tak po prostu NIE DZIAŁA. On nie wyświetla białych znaków. Możesz go do tego zmusić właśnie przez CSS. Czego tutaj nie rozumiesz?

Terrqge

25.11.2011, 23:23:17

Chodzi mi o to, że skoro nie działa w HTMLu to gdzie działa?
Bo juz wiem ze do htmla będę używać w js + " ".

Kostek.88

26.11.2011, 02:13:26

Cytat(nospor @ 25.11.2011, 23:22:13 )

W edytorze tekstu

Nowa linia w edytorze tekstu to jest właśnie \n tylko ty tego nie widzisz bo to znak specjalny. Ty go widzisz jako nowa linia

Inny przykład:

generujesz plik tekstowy z kilkoma liniami:

[PHP] pobierz, plaintext 
$zm =  "pierwsza linia\ndrugal linia\ntrzecia linia";
[PHP] pobierz, plaintext

I taką treść tej zmiennej zapisujesz do pliku. Otworzysz plik edytorem i zobaczysz tam 3 linie. Proste.

O czym Ty mowisz? Jakim edytorze tekstu? Zwykly WYSIWYG na stronie? Chodzi po prostu zwykle zapisanie informacji w bazie, a potem skorzystanie z funkcji nl2br przy wyswietlaniu w textarea?

Kolega tu wspomnial, ze nie rozumie tego przykladu. Ja moge dodac tylko, ze "\n" mozna uzyc w PHP w niektorych przypadkach, bo o to mu chyba chodzilo.

nospor

26.11.2011, 09:25:29

Cytat

i tak nikt nie jest w stanie udzielić mi odpowiedzi na moje pytanie, czyli kiedy i jak stosujemy ogólnie zapis "\n"

Przecież podałem ci przykłady kiedy się używa \n. A to że nie zrozumiałeś to już nie moja wina. Ba, mało tego, nawet Kaloryfer nie zrozumiał, patrząc na jego post wyżej....

kamil4u

26.11.2011, 18:43:14

W takim razie ja postaram się wytłumaczyć

Gdy w HTML napiszesz:

Kod

<html>
<body>
 Pierwszy wiersz
 Drugi wiersz
 Trzeci wiersz
</body>
</html>

To wynikiem będzie: Pierwszy wiersz Drugi wiersz Trzeci wiersz. W rzeczywistości nie ma czegoś takiego jak entery, a znaki specjalne np. \n(nowy wiersz) czy \t(tabulator). Idąc tym tokiem rozumowania nasz kod tak naprawdę wygląda tak:

Kod

<html>\n <body>\n Pierwszy wiersz\n Drugi wiersz\n Trzeci wiersz\n </body>\n</html>

Aby w HTML uzyskać nowy wiersz używamy . Czyli nasz kod powinien wyglądać tak:

Kod

<html>
<body>
 Pierwszy wiersz 
 Drugi wiersz 
 Trzeci wiersz
</body>
</html>

, czyli w rzeczywistości:

Kod

<html>\n <body>\n Pierwszy wiersz \n Drugi wiersz \n Trzeci wiersz\n </body>\n</html>

Teraz JS. Zapis:

Cytat

var n = "pierwsza linia\ndrugal linia\ntrzecia linia";
document.write(n);

Działa tak jakbyś ręcznie napisał:

Cytat

pierwsza linia
drugal linia
trzecia linia

, a że HTML czyta tylko użytkownikowi na ekranie nic się nie zmienia.

Mam nadzieję, że zrozumiałeś

- prościej nie umiem
Pewnie w tym co napisałem jest trochę nieprawdy, ale jak dla początkującego może być i tego się powinieneś trzymać

Pozdrawiam

everth

26.11.2011, 19:00:29

W sumie w HTML można wymusić pokazywanie znaków specjalnych przez umieszczenie treści między znacznikami <pre> ale jak większego sensu to nie ma.

Terrqge

26.11.2011, 20:53:10

Cytat(nospor @ 26.11.2011, 09:25:29 )

Przecież podałem ci przykłady kiedy się używa \n. A to że nie zrozumiałeś to już nie moja wina. Ba, mało tego, nawet Kaloryfer nie zrozumiał, patrząc na jego post wyżej....

Po przczytaniu mojego pierwszego posta i zdaniu, ze dopiero zaczynam sie uczyć javascript można wywnioskować, że jestem początkujący i do mnie trzeba jak do nooba. Co do tego przykładu z generowaniem pliku tekstowego, to nie wiedziałem że Javascript takie coś w ogóle potrafi.

Cytat

Kolega tu wspomnial, ze nie rozumie tego przykladu. Ja moge dodac tylko, ze "\n" mozna uzyc w PHP w niektorych przypadkach, bo o to mu chyba chodzilo.

To w jakim my dziale jesteśmy? Ja o PHP nic nie wspomniałem i jakoś szczerze mówiąc to mnie puki co nie obchodzi używanie \n w PHP, ale w Javascript.

Wielkie dzięki kamil4u, teraz już załapuję o co chodzi. Ale autorzy kursów javascript w jakimś celu muszą podawać to, że \n - to nowy wiersz. Rozumiem, ze HTML nie widzi w ten sposób przejścia do nowej linii... <- to jak najbardziej pojmuję. Czyli nospor mówił o edytorze tekstu umieszczonym na stronie internetowej? I to tam ma działać to \n?

alexandrus

27.11.2011, 14:16:43

Może autor programuje też np. w C czy innym języku i tak napisał zapominając, że przeglądarki nie interpretują białych znaków. O to co autor miał na myśli trzeba by pytać autora.
Fakt jest taki, że przejście do nowej lini to w html jest , "\n" zadziała np. w textarea albo jeśli tekst go zawierajacy znajdzie się pomiędzy <pre></pre>.

Terrqge

27.11.2011, 16:45:22

Dzięki za rozwianie wątpliwości. Problem uważam za rozwiązany.

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.