I'm trying to make a comments section for a webpage. Do I need to permanently alter the html code? Because every time I refresh my text disappears.mfb said:JavaScript can delete objects (and do basically everything with the code). css can hide objects or make them visible. If you want to get rid of it completely in HTML, you can just delete it in the source code.
What exactly do you want to do?
Yes, of course, but what does this have to do with adding or deleting something in a div?kolleamm said:I'm trying to make a comments section for a webpage. Do I need to permanently alter the html code?
Maybe your browser is loaded a cached copy of the web page, and not the one you edited?kolleamm said:Because every time I refresh my text disappears.
Thanks for that link. I had never heard of the "XY problem" but it made me laugh because I see it so often. And I'm sure I'm guilty of it myself. @kolleamm I don't think you can do what you want to do with just HTML and CSS. Rather than using a database as mfb suggested, you can also save the comments to a file. Either way I think this is something that will require some server side scripting. There are lots of online resources for learning PHP. Or, as mfb mentioned, there are probably scripts already written that you can just add to your page.mfb said:This is a good example why you should not ask x-y-questions.
If you just want to get something done, I agree. If this is mainly intended as a learning exercise, that's another matter. In that case, I'd do as TurtleMeister suggested and store the comments in simple text files at first, while you focus on the user interface. Then, learn how to use a simple database (MySQL or whatever you have available on your system) for the comments instead. If you want to use this in the "real world" eventually, make sure to learn about how to guard against hacking via e.g. SQL injection!mfb said:If you don't understand all those components, better use some existing comment system. There is no need to reinvent the wheel if you just want simple comments.
This is very confusing. I suspect you are not using a database? That is how you store information and then retrieve it. Not by physically adding or removing content from the actual page code.kolleamm said:I'm trying to make a comments section for a webpage. Do I need to permanently alter the html code? Because every time I refresh my text disappears.
kolleamm said:Basically what I want is to understand how to make my web page different without having to edit the source code myself.
This is a generally confusing statement. I think you need to be really really clear what your objectives are. What do you mean by different?kolleamm said:Basically what I want is to understand how to make my web page different without having to edit the source code myself.
For example if I had a website with an image, I can go online on my website, press a button and the image changes to another one. When I reload the page the image is still the second one it changed to.Greg Bernhardt said:This is a generally confusing statement. I think you need to be really really clear what your objectives are. What do you mean by different?
Correct me if I'm wrong, but you are looking for an online website editor with drag and drop type functionality?kolleamm said:For example if I had a website with an image, I can go online on my website, press a button and the image changes to another one. When I reload the page the image is still the second one it changed to.
That is what server-side scripts (PHP, ASP.NET, etc.) are for. When these scripts are called (for example 'https://example.com/article.php ' instead of 'https://example.com/article.html '), the PHP script will write the HTML according to what you programmed it to do, and even based on user's input (such as GET queries - like 'https://example.com/article.php?comments=show ' - or POST from forms).kolleamm said:Basically what I want is to understand how to make my web page different without having to edit the source code myself.
<html>
<head>
<title>My Article</title>
</head>
<body>
<h1>My Article Title</h1>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ut mauris in sem lacinia gravida. Fusce bibendum blandit neque non fringilla. Praesent tincidunt iaculis lectus, pellentesque scelerisque lacus tempus in. Nunc scelerisque non erat in luctus. Suspendisse nisl ipsum, commodo at felis nec, viverra feugiat ante. Morbi auctor mauris enim, id pharetra diam volutpat cursus. Morbi varius tempus risus, in cursus nunc aliquet et. Nullam varius aliquet tincidunt.</p>
</article>
<?php
if(isset($_GET["comments"]) && $_GET["comments"] == "show"){
include 'comments.php';
}
?>
</body>
</html>Not really. This page for example, whenever somebody posts a reply it stays on the page even if someone refreshes it, that's what I'm trying to accomplish, make a permanent change to a page on my website.Greg Bernhardt said:Correct me if I'm wrong, but you are looking for an online website editor with drag and drop type functionality?
Interesting! Thanks! So basically I need to learn PHPjack action said:That is what server-side scripts (PHP, ASP.NET, etc.) are for. When these scripts are called (for example 'https://example.com/article.php ' instead of 'https://example.com/article.html '), the PHP script will write the HTML according to what you programmed it to do, and even based on user's input (such as GET queries - like 'https://example.com/article.php?comments=show ' - or POST from forms).
For example, here's what the file 'article.php' might look like:
And in the file 'comments.php', it would return the HTML script for the comment section (which were probably fetch from a database).PHP:<html> <head> <title>My Article</title> </head> <body> <h1>My Article Title</h1> <article> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ut mauris in sem lacinia gravida. Fusce bibendum blandit neque non fringilla. Praesent tincidunt iaculis lectus, pellentesque scelerisque lacus tempus in. Nunc scelerisque non erat in luctus. Suspendisse nisl ipsum, commodo at felis nec, viverra feugiat ante. Morbi auctor mauris enim, id pharetra diam volutpat cursus. Morbi varius tempus risus, in cursus nunc aliquet et. Nullam varius aliquet tincidunt.</p> </article> <?php if(isset($_GET["comments"]) && $_GET["comments"] == "show"){ include 'comments.php'; } ?> </body> </html>
Nothing is permanent, but yes you are looking to insert information into a database via a server side language, storing it in the database and then retrieving it with again the server side language.kolleamm said:Not really. This page for example, whenever somebody posts a reply it stays on the page even if someone refreshes it, that's what I'm trying to accomplish, make a permanent change to a page on my website.
PHP is one of many optionskolleamm said:Interesting! Thanks! So basically I need to learn PHP
Yes. It is not the only option, but nearly everything more advanced than a static plain web page with some text uses PHP in some way. This forum uses PHP on every page you can access and a database to store everything (user data, threads, posts, ...).kolleamm said:Interesting! Thanks! So basically I need to learn PHP
To add an element inside a div using HTML, you can use the innerHTML property. This property allows you to set the HTML content inside an element. For example, if you have a div with an id of "myDiv", you can use the following code to add a paragraph element inside it:
document.getElementById("myDiv").innerHTML = "<p> This is a new paragraph element</p>";
This will add the paragraph element with the specified content inside the div.
You can delete an element inside a div using the removeChild() method. This method allows you to remove a specific child element from a parent element. For example, if you have a div with an id of "myDiv" and you want to delete the first paragraph element inside it, you can use the following code:
var div = document.getElementById("myDiv");
var p = div.getElementsByTagName("p")[0];
div.removeChild(p);
This will remove the first paragraph element inside the div.
Yes, you can add or delete multiple elements inside a div using HTML. To add multiple elements, you can use the innerHTML property and set it to a string of HTML elements. To delete multiple elements, you can use a loop to iterate through the child elements of the div and use the removeChild() method to remove each element.
Yes, it is possible to add or delete elements inside a div using HTML only. However, it is recommended to use a combination of HTML, CSS, and JavaScript for better control and functionality. HTML provides the structure, CSS for styling, and JavaScript for dynamic interactions and manipulations.
Yes, there are other methods for adding or deleting elements inside a div besides innerHTML and removeChild(). Some other methods include insertBefore(), appendChild(), and replaceChild(). These methods provide more flexibility and control when adding or deleting elements. It is recommended to research and understand these methods before implementing them in your code.