Develop Reference

How to add a tag system to the posts of my website using only html, js and css? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 months ago.
Improve this question
i am developing a website. I want to add a tag system to the blog/posts i make on my website and I'd like to know how.
The specification of "only html, css and js" is because this is going to be a neocities website and neocities only accepts those three languages on the websites hosted there. No php or sql.
I don't have much so far but i already made a search bar:
<form class="searchBar" action="">
<input type="text" placeholder="Search..." name="search">
<button type="submit"><img src="../img/logo_search.png"></button>
</form>
Thanks to anyone who has the answer!

JS is what you want to write that kind of logic in, you would need a function that searches for tags and a tag identifier like #. this function should get you started.
someString.split(' ').filter(v=> v.startsWith('#'))

jQuery Tools – Image change on hover not working [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
function() {
return typeof o!=="undefined"&&
!o.event.triggered
? o.event.handle.apply(arguments.callee.elem,arguments)
: g
}
I'm working on an asp.net site. For product categories on the website, the images for the categories are fed from a database. I've got those going fine, but the image for mouseover event is from some other part of the site. The site is using a library I've never heard of called jQuery tools with something called a sizzler css engine. If it helps, here is a link to the page I'm working on. You will notice the Duck Commander link can't change to a hover image.
The code above is what developer tools found was activating to change the image.
The Website in Question

Looks like you are missing the Duck Commander mouse over image:
GET http://fireworkssupermarket.com/Content/images/categories/duckCommander_over.png 404 (Not Found)

While I don't necessarily agree with the design of the site, I can understand coming in to a project that you can't start from scratch on.
That said, it appears to me that you are simply missing the hover image file titled "duckCommander_over.png" at path:
Content/images/categories
Find this folder in your file structure and see if the file exists, if it doesn't, you'll need to create it.

Scott,
You're simply missing the image file needed for the hover action to retrieve. The site is looking for a 'duckCommander_over.png' file which is non-existent on your site. Looks like the hover images were manually created in an image program (it's not an effect applied through CSS or JavaScript) so you'll have to upload an image with the red glow already applied and name it 'duckCommander_over.png'

How to include javascript with HTML in google sites? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
html and javascript work properly there as you can see.
but when I add this to a htmlbox in google sites, it shows an error saying "1+1: URI unknown:///unknown is malformed"
Help me,
thanks
Here's my html and javascript
[1]: http://jsfiddle.net/TvHdU/4/

Make sure when you hit page create that "webpage" was chosen in the dropdown.
When the box comes up to edit the page, make sure that you click the html icon in the edit box.
Copy the html you provided, and pasted it into the page and below it wrote script tags to contain the javascript you provided.
<script>
//your js code here
</script>
Since Google restricts their sites, you have to use Google APIs to obtain the js code you need in order to make the Google Gadget work. Here's the API site
This should give you what you need in order to get you Google Gadget working with JavaScript.
You can view the working google site I just created here, then click on "include html" link on left bar under "Home".

Request Assistance on HTML5 Banner [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
Salutations! fellow developers, I am kind of stuck in a pickle here. I managed to create a HTML5 animated banner for my blog. After the exported content I received these two files:
i) banner.html --> I can change the name of this to whatever I want and functions perfectly.
ii) sprite.js --> When I change the files name, location and content. The "banner.html" automatically stops to functioning/working.
Is there a possible way that I can just have the "banner.html" file to function properly with my content without the "sprite.js".
-If yes, please share your solution.
-If no, please explain alternative working solution that you deem necessary.
Thanks to anyone who had answered.
-LEO

You can include scripts directly into HTML documents with the SCRIPT tag:
Substitute
<script src="sprite.js"></script>
(which has to be somewhere inside the HEAD tag of your document) with
<script>
<!--
//contents of sprite.js go here
//-->
</script>

Open your banner.html in a text editor.
There should be a line line
<script src="sprite.js"></script>
Replace it with
<script>SOURCE_OF_SPRITE.JS</script>
Of course "SOURCE_OF_SPRITE.JS" should be the actual source.

Add just a </div> using JavaScript [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I'm going crazy! :)
I need a way to add a closing </div> before another element. But everything I try the </div> gets filtered out. The problem is, that this might be the only solution for me.
So please, please have a look to this and maybe you're able to give me a hint:
I'm building a bootstrap based template for LimeSurvey, a online survey tool. Their templates are completely done with tables and I try to find another way and to get it mobile friendly.
The template is separated into different files. For my issue this is:
-> Startpage
-> Navigator
-> Endpage
Normally it loads always a "Surveypage" between Startpage and Navigator. But there is an option which automatically puts all question directly under the startpage and therefore into my header. So in this case I need another '' or another way to close the header first.
So there's a
<div class="jumbotron">
and I have to close it before the element
<table id="ls-table" ... >
I already tried many JavaScript examples I've been able to find around the web. But none makes the job.
Thanks a lot!
Philipp

There are only two ways to manipulate a web page using JavaScript.
The DOM, or document object model.
Via string-manipulation of the HTML.
Most web browsers will NOT allow you to do #2 directly on an already-loaded or loading document. At best, you could find a situation wherein you read the HTML of a <body> and then re-parse it. But doing so is an amazing amount of work for very little effort.
Look into the insertBefore method on the DOM, which will let you grab that <table id="ls_table" > element and move it from within that <div> to being a child of said <div>'s parent, immediately after the offending element.