Hogyan tanuljam meg a HTML nyelvet?

[kléni]

A javascript fájlban, aminek köze sincs a Java nyelvhez.

[pcmester]

Eddig működik! Csak azt kellett kicserélnem, amit írtál, kléni, utána hozzátettem az oldalamhoz a form részbe és prímán behelyezte a kijelölt process.txt fájlt a textarea elembe!

Már csak az kellene, hogy a már egyszer kijelölt fájlba mentse a textarea tartalmát egy másik gomb!

[pcmester]

Mentéshez megpróbáltam belekombinálni amit itt írnak, de semmi se történik. A textarea elem fontos paramétere id="fileDisplayArea" és ha jól értem, akkor a kód id alapján keresi a szövegdobozt. Vagy nem? Esetleg itt is ki kell cserélni valamit, hogy működjön? Esetleg még be kell tenni valamit?

Én egyenlőre ennyit tettem be belőle:

<p><input id="Button1" type="button" value="txt mentése" onclick="WriteToFile()"></input></p>
               <script src="text.js"></script>
                               <script language="javascript">
function WriteToFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var text=document.getElementById("fileDisplayArea").innerText;
var s = fso.CreateTextFile("G:\\HTML\\1\\"+fileName+".txt", true);
s.WriteLine(text);
s.WriteLine('***********************');
s.Close();
}
</script>

[kléni]

Ha továbbra is Firefoxból nézed az oldalt, ne is várj semmit. Írták a linkelt oldalon is, hogy csak IE-ben működik. Tippre már ott se, remélem azóta kikapcsolták. Ahogy már írtam, ilyesmi nem lehetséges, és ne is akarj ilyet csinálni. Egyszerűen se a HTMl, se a JS nem erre való. Normális program kell hozzá, amit lehet futtatni, és van jogosultsága fájl írására.

 

Egyet tudok javasolni: arra van lehetőség, hogy létrehozott fájlt letölthessen az oldal megtekintője. Mivel már a megjelenítésnél is mást csináltál, talán ez is jó lesz. Ha ez megfelel, akkor nézd meg ezt a kérdést. De se a fájl feltöltése, se a fájl letöltése nem egyenlő a megnyitással és a módosítással, tehát minden alkalommal újra ki kell választanod, és le kell mentened a módosítást.

[pcmester]

Az oldal egyenlőre így néz ki, remélem, hogy minden jó helyen van... (A tetején az üres sorok azért kellenek, hogy jó helyen legyen az egész és látszódjon a háttér...)

<html>
    <head>
		    <title>HTML notepad</title>
    </head>
    <body style="background-image:url(IMG_2927.JPG);">
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <p> </p>
 <h4 style="text-align:center; color:brown">[ÁTALAKÍTÁS ALATT]</h4>
		    <marquee behavior="scroll" direction="right"><img alt="walking chicken siluett" src="chicken.gif"></marquee>
		    <div style="text-align: center;">
  <form>

		    <div style="color:brown;">
	    txt betöltése >
	    <input type="file" id="fileInput">
		    </div>
				    <p><textarea name="textbox" id="fileDisplayArea" src="process.txt" style="background-image:url(textbox_image1.png);width:402px;height:151px; color:#FFFFFF"></textarea></p>
				    <p><textarea name="filenamebox" id="filenamearea" style="background-color:#000000; color:#FFFFFF; width: 178px; height: 20px">fájlnév</textarea> <input id="Button1" type="button" value="txt mentése" onclick="WriteToFile()"></input>
				    <button type="reset">szöveg törlése</button></p>
		    <script src="text.js"></script>
						    <script language="javascript">
function WriteToFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var text=document.getElementById("fileDisplayArea").innerText;
var fileName=document.getElementById("filenamearea").innerText;
var s = fso.CreateTextFile("G:\\HTML\\1\\"+fileName+".txt", true);
s.WriteLine(text);
s.WriteLine('***********************');
s.Close();
}
</script>
  </form>
				    <p style="text-align: center;"><button onclick="Javascript:alert('Text box oldal. [1024×768-ra optimalizálva!] A Tallózás gombbal ki lehet jelölni txt fájlt, ami a szövegdobozba kerül betöltésre. A szövegdoboz tartalmát a txt mentése gombbal lehet menteni. Készítette: Zsombor. (Csak formázatlan szöveg lehet a szövegmezőben!)')" style=""background-color:white"">Info</button></p>
		    </div>
    </body>
</html>

[pcmester]

Explorerből működik a mentés is! Nem lehet esetleg csinálni valamit, hogy Firefoxban is működjön?

[kléni]

[pcmester]

(Már bocs, de erre nem lehet mást reagálni...)

Ráadásul programot se lehet ebből fordítani, mert ott már a fájlbetöltés se működik! Nem jó ez így...

[arpsoft]

Mi van? Miből akarsz programot fordítani? Ez egy 200 évvel - túlzás, csak ezért, hogy éreztessem, ez még Neked is túl régi - ezelőtti állapotoknak is alig megfelelő forráskód, ami csak a helyi gépeden megy és - a fix mentési útvonalnak köszönhetően - valószínű sehol máshol. Ebből nem lehet máshol futtatható exe-t vagy bármi mást csinálni.

És egyáltalán, mi pontosan a feladat? Suliban kaptad szorgalminak?

 

Amúgy érdemes lenne utána olvasni a CSS-nek. 1996-ban jelent meg az első, majd 1998-ban a második változata. A Windows Me (el sem hiszem, hogy leírtam a nevét) még 2 évig - áldott legyen a tervező - pihent Microsoft-nál.

 

Amúgy a FireFox-ban nincs telepítve véletlenül a NoScript?

[pcmester]

Prímán összeraktam egy oldalt amit mindenféle ASCII és egyéb "jelek és nem alfanumerikus" karakterek felhasználásával kidíszítettem ( █▓▒░✿❖❧❢ ) és ezek a karakterek kizárólag csak Chrome böngésző alatt jelennek meg annak ellenére hogy definiáltam az Utf-8 karekterkészletet is! Mi kellene ahhoz hogy bármely böngésző alatt ugyanúgy jelenjen meg?

[payskin]

A 13. sorban az attribútumbeállításnál nem használtál záró idézőjelet.

[pcmester]

Hogyan? Itt a kód:

<html>
<title> Color gradient generator</title>
<meta cahrset="UTF-8"/>
<body id = "une">
<h3>█▓▒░Color gradient generator░▒▓█</h3>
<p>✿ Define two color names∖values in these boxes, then press the button. ✿</p>
<form name = "myform">
<input type = "text" name="colorname">
<input type = "text" name="colorname2">
<input type = "button" value = "☝" onclick="changecolor2()"> 
<p>❖ Source: http://www.infolet.org/2013/06/change-background-color-html-with-javasript-css.html</p>
<p>❧ <a href="https://graf1x.com/wp-content/uploads/2017/06/list-of-colors-and-color-names.jpg" target="_blank">Handy list of color shade values.</a></p>
<p>❧ <a href="https://coolors.co/browser/latest/1" target="_blank">Handy list of color schemes.</a></p>
<p>❧ <a href="https://www.color-hex.com/popular-colors.php" target="_blank">Handy color values: color-hex.com</a></p>
<!-- <p><h4>❢This page only compatibile with Chrome ❢</h4></p> -->
</form>
</body>

<script type="text/javascript">
function changecolor2()
{
var clr = document.myform.colorname.value;var clr2 = document.myform.colorname2.value;
var temp = document.getElementById("une");
var changeclr = "linear, 26 75, 75 05, color-stop(0, " + clr + "), color-stop(100, " + clr2 + ")";
temp.style.backgroundImage = "-webkit-gradient(" + changeclr + ")";
}
</script>
</html>

Ezen karakterek helyett jelenik meg totális zagyvaság ha nem Chrome böngészőben nyitom meg: █ ▓ ▒ ░ ✿ ☝ ❖ ❧ ❢
Próbáltam a karakterkészletet is definiálni, de sajnos nem használt.

[Lord_KROK]

3 hours ago, pcmester said:

Hogyan? Itt a kód:

...

Ezen karakterek helyett jelenik meg totális zagyvaság ha nem Chrome böngészőben nyitom meg: █ ▓ ▒ ░ ✿ ☝ ❖ ❧ ❢
Próbáltam a karakterkészletet is definiálni, de sajnos nem használt.

Nem akarlak elkeseríteni, de nálam chrome alatt sem jó

[pcmester]

Nálam viszont igen! Sőt, egy másik gépen Win10 alatt szintén jó (eredetileg ott készült)!  Az se segített ha a "'title" és "meta" tegeket "head"-be helyeztem be...

[payskin]

Mi a charmap magyarul? Karaktertérkép? Keresd meg a Start Menüben!

Isten hozott a betűkészletek világában.

Nézd meg az Arialt, benne vannak ezek a karakterek (valahol alul). Na, ez a ritkábbik eset. Nézd meg, mondjuk, a Segoe UI-t, nincsenek benne ezek a karakterek. Azért, mert ezek olyan nem-sztenderd, régi, karakteres üzemmódú felületeken használt karakterek, amiket meglehetősen ritkán tesznek bele betűkészletbe. Mivel te nem állítasz betűkészletet a weboldaladban, a böngészőben beállított alapértelmezett betűkészlettel jelenik meg az oldal. Na most, ahány böngésző, annyiféle alapértelmezés, ahány ember, annyiféle beállítás. 

Csináljál <head>-et, tedd bele a <title>-t meg a <meta>-t és tegyél bele egy <style>-t , hogy a minden (*) legyen Ariallal írva. Windowson megoldja. A világ összes többi oprendszerén meg nem oldja meg, de ott valószínűleg semmi nem oldja meg.

[pcmester]

Amúgy azokat a karaktereket pont a Karaktertáblából szedtem, amit már hosszú évek óta ismerek és szoktam használni. <head>-et már azóta csináltam és bele is tettem a <title> meg <meta> tegeket, de sajnos így se jó még... 

<title> Color gradient generator</title>
<link rel="shortcut icon" type="image/png" href="gradientfavicon.png"/>
<meta cahrset="UTF-8"/>
</head>

(Közben csináltam ikont is az oldalnak.) Szóval, mit határozzak még meg a <head>-on belül?

[payskin]

<style>* { font-family: Arial; }</style>

 

[pcmester]

Sajnos még így sem...

<head>
<title> Color gradient generator</title>
<link rel="shortcut icon" type="image/png" href="gradientfavicon.png"/>
<meta cahrset="UTF-8"/>
<style>* { font-family: Arial; }</style>
</head>

 

[Lord_KROK]

On 5/1/2019 at 2:25 PM, pcmester said:

Sajnos még így sem...

<head>
<title> Color gradient generator</title>
<link rel="shortcut icon" type="image/png" href="gradientfavicon.png"/>
<meta cahrset="UTF-8"/>
<style>* { font-family: Arial; }</style>
</head>

 

Egyébként mi lenne az elérendő cél ?

[payskin]

Hogy az jelenjen meg, ami a kódban van. Nem értem, miért nem oldja meg, a <style>, de ennél többet nem tudok tenni az ügy érdekében.

[Godzillamessage]

Az a kis csillag kell a kódba? ( Nem értek hozzá, csak kérdem.. Már itt se vagyok.)

Edited May 3, 2019 by Godzillamessage
hiba javítás

[pcmester]

Sehogyan se akar engedelmeskedni az egész... Karakterek ugyanúgy nem jók...

Na várjunk! Firefoxban: View/Text Encoding / Unicode! Viszont ez csak átmeneti, vagyis csak az aktuális betöltésre vonatkozik...
Viszont itt írják a megoldást: ehelyett

<meta cahrset="UTF-8"/>

ennek kell lennie

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

és ez már megodja a problémát, valamint így már nincs szükség a <style> sorra sem!

[pcmester]

Megpróbáltam a gombot klikkelhető képre cserélni hogy mindenhol egyformán nézzen ki, de így

<input type="image" name="☝ img_button" src="button.png"  alt="hand_img_button" onclick="changecolor2()">

elküldi a sort a címsorba és azonnal újratölti az oldalt (tehát így a színátmenet képtelen létrejönni)!

file:///C:/html%20%C3%BAj/Java/color_gradient.html?colorname=yellow&colorname2=blue&%E2%98%9D+img_button.x=22&%E2%98%9D+img_button.y=24

Nekem az is jó lenne hogy type="button" módszerrel magán a gombon elhelyezni egy képet szöveg helyett...
Mi az ami esetleg nem jó?

[kléni]

Ha már ebbe a című topicba írtál, legyél hajlandó tényleg a tanulással foglalkozni. Annak, hogy 1-2 dolgot megmondanak, és kijavítják helyetted, nem sok értelme van, így nem lehet tanulni. Kezd az alapokkal, Balázsék anno elég jó leírást csináltak a HTML/CSS/JS témakörben. Ha már tudod, mit hogyan kell csinálni, akkor állj neki csinálni is valamit. Ez a form (nem) elküldése gombra kattintáskor a legtipikusabb példa, ami minden tutorial-ban benne van a legelején.

[pcmester]

Értem én a dolgokat, csupán azt nem értem hogy nincs semmi ami meghatározná ezt a rendellenes viselkedést. Tulajdonképpen a gomb klikkelhető képre cserélése után nem lenne szabad a képre vonatkozó kódsort is elküldenie!