Jump to content
GSForum - Segélyvonal

Hogyan tanuljam meg a HTML nyelvet?

Gigah3rtz

By Gigah3rtz
in HTML

 Share

Recommended Posts

kléni    7

kléni
Posted

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

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

Eddig működik! :oké: 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! :D

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

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

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>

Link to comment
Share on other sites

kléni    7

kléni
Posted

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.

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

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>

Link to comment
Share on other sites

pcmester    23

pcmester
Posted
:facepalm: Explorerből működik a mentés is! Nem lehet esetleg csinálni valamit, hogy Firefoxban is működjön?
Link to comment
Share on other sites

pcmester    23

pcmester
Posted

:facepalm:(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...

Link to comment
Share on other sites

arpsoft    12

arpsoft
Posted

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?

Link to comment
Share on other sites
  • 1 year later...

pcmester    23

pcmester
Posted

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! :sad: Mi kellene ahhoz hogy bármely böngésző alatt ugyanúgy jelenjen meg? :roll::s21:

Link to comment
Share on other sites

payskin    916

payskin
Posted

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

  • Haha 1
Link to comment
Share on other sites

pcmester    23

pcmester
Posted

Hogyan? :huh: 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. :sad:

Link to comment
Share on other sites

Lord_KROK    504

Lord_KROK
Posted
3 hours ago, pcmester said:

Hogyan? :huh: 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. :sad:

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

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

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

Link to comment
Share on other sites

payskin    916

payskin
Posted

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.

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

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... :roll:

<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? :s21:

Link to comment
Share on other sites

payskin    916

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

 

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

Sajnos még így sem... :sad:

<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>

 

Link to comment
Share on other sites

Lord_KROK    504

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

Sajnos még így sem... :sad:


<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 ?

Link to comment
Share on other sites

payskin    916

payskin
Posted

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.

Link to comment
Share on other sites

Godzillamessage    429

Godzillamessage
Posted (edited)

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

Edited by Godzillamessage
hiba javítás
Link to comment
Share on other sites

pcmester    23

pcmester
Posted

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

:s18: 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! :s16:

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

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)! :blink:

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... :roll:
Mi az ami esetleg nem jó? :s21:

Link to comment
Share on other sites

kléni    7

kléni
Posted

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.

Link to comment
Share on other sites

pcmester    23

pcmester
Posted

É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!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...