How could I create a graphic with nodes that contain links? [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I'd like to use HTML, CSS, and JavaScript to create a menu that looks like so:
Each Chapter has a little "node" to the left of it that when clicked would bring the user to that chapter's dedicated web page. Is this something that could be done using canvas elements in HTML?

You could create the images for the bullets and then use the list-style-image property when styling list. You can then use JavaScript to keep track of the state. Assign the appropriate image based on what the user has clicked.
If you need a sample of the code to get this working let me see how far you get then I can add pointers.
CSS list-style-image

Related

How to open a new box when clicked on a link [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I am a beginner in web developing world.
I have a table of data fetched from mysql database shown in php. Now I want to create a link on each row which on click will open up a new box (not window) of specific width-height and will show detailed information.
How can i do this ?
Think you searching for modals windows.
Here is example https://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript
Create a div with css display:none;, and use javascript to toggle the visiblity. That might work.

Recreate behavior "background-attachment: fixed" with a div [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 6 years ago.
Improve this question
I'm trying to recreate this effect that is achieved using the CSS property background-attachment:fixed, but I would recreate that effect using divs, I would recreate that on a h1 tag for example.
Is that possible?
Thanks
you have to customised http://tympanus.net/Blueprints/ScrollingLayout/js/cbpFixedScrollLayout.min.js
to achieve " I would recreate that effect using divs, I would recreate that on a h1 tag for example" instead "section" as it has below code
var cbpFixedScrollLayout=(function(){var a={$sections:$("#cbp-fbscroller > section")...
so it will always create this effect on section element.
so if you want to create it any other tag rather than section then you have yo customise above js, please try to implement it first .

logic to create pop up menu in html - not working [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am having a button on my html page, i want a pop-up menu to be appear when button is clicked.
Please see the attached image.
I am not javascript expert.
Please suggest how can i create a pop up menu in html ?
You can use dropdowns from bootstrap framework, you can check this link
http://getbootstrap.com/components/#btn-dropdowns
HTML is only used to structure the page, so you can't make something appear/disappear using only html.
You will have to use javascript for that.
I did find a html 5 way of adding stuff to the context menu (right-click):
http://www.w3schools.com/tags/att_global_contextmenu.asp
but it's currently only supported in firefox.

How to use grid in HTML [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I have a assignment.
I want to create a grid with list of friends with their name and photo add search bar on top of it whenever you type their name, it should filter and show only that by default it should show all.
This can be easy achieved using JQuery and a 3rd party javascript library called "Datatables".
Basically you only need to create an HTML table with all the names and photos, then add JQuery and Datatbles libraries to your HTML and initialize it.
On this link:
https://www.datatables.net/examples/basic_init/zero_configuration.html
you will find the most basic code example to configure datatables.
As comment, this solution will indeed give you the results you look for, but if this is a homework maybe your professor is expecting to you to code this functionality from scratch and not using 3rd party libraries.
Regards.

Styling individual lines in textarea [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm making a php mysqli forum, and i would like users to be able to style their posts so it doesn't look so dull.
I want some basic buttons, like [Header1,Header,Header3,Normal,] and also [italic,bold,underlined]
I now have two questions,
1.
How do I make the buttons and style the textarea?
How do i get styled text into a mysql db?
Thanks in advance.
Daniel Holst
Use things like TinyMCE, it as all the things you need and manymore. It will make you textarea a full richtext editor.
You can't do it as is without any javascript.
You can use another editor.
To get styled texte from you database, you need to save the text with the formatting before restoring it.

Categories