How to check which javascript loads and preforms quicker [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 8 years ago.
Improve this question
I have written in javascript two different ways to hover over links and have the background of the window change color, one using event delegation and one not.
How do check which option is best performance wise (probably checking something in the browser developer tools)?
From reading about conventions I have learned that event delegation is the way to go but the code seems less clear and readable so I want to check if does actually perform better.

In Chrome Developer Tools you can use the Timeline section and create a recording of these events and time how long they take.

Related

How to make accordion on clear css without bootstrap and 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 25 days ago.
Improve this question
I can't build accordion on clear css
I have tried a lot of things, but I still can't do it
You can't.
In fact you cant make pretty much anything without HTML (As for Bootstrap is 'just' a wrapper for HTML, CSS and JS.). HTML says where what element is, aka. places the content. CSS defines how it looks and behaves (for the later, you also may need JavaScript).
An accordion in fact needs all three (See this question/answer.)

Flowchart framework for a college curriculum [duplicate]

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 need to make a really complicated diagram for a website, in which the hierarchy will be a bit messy: arrows will go up and down, sometimes an element will point to several others, and sometimes there will be several elements pointing to the same one. I have found this method, but it doesn't allow more than one parent for an element and therefore won't do the trick in this case.
It has to be done in HTML/CSS, because my intention is to add some Javascript to change the content of the blocks dinamically.
This is an example of the level of complexity I need to achieve:
You might want to take a look at this
http://thecodeplayer.com/walkthrough/css3-family-tree
Another to look for is SpaceTree example by "Nicolas Garcia Belmonte" but not a pure CSS solution. It is compatible with IE and most of browsers. Definitely worth a try.

Moving button in screen [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
We have a feature on our website to prove us that the user is an actual human.
Here is how it's working.
After registering a button is shown and told to users to click on it ro prove that you are a human.
Once being mouseovered it start to move randomly all over the screen.
We use jquery to do this.
The main problem is that users are stopping javascript on their browser or edit the js with browser developer.
Some have created html forms to bypass this (yes we have csrf protection on all our forms they simply edit their form to the new csrf values)
This cheat is causing us to loose money.
We would appreciate help..
Best regards
P.S: We are familiar with captcha(google, solvemdia etc etc) but our proving system has to be this
The button will have the same ID therefor it's simple for someone to programmatically click it even if it does move on the screen.
The best way you could prove that the user is human would be to use a proven method such as a CAPTCHA(http://www.captcha.net/)
You can use the freely available reCAPTCHA(https://www.google.com/recaptcha/intro/index.html) from Google as suggested by #A.Wolff.

How to make form elements look consistent across all browsers and operating systems [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
All form elements look different in different browsers. I want to make it look same.
That's not really possible. Toolkits like Bootstrap are the closest we have to a balance between native controls and consistent controls. Solutions that offer consistent controls will basically use heavy styling to hide the original controls (selects, checkboxes, etc.) and JavaScript to simulate the interaction.
You basically just have to manually check from browser to browser to see what's not looking correct and make changes accordingly. CSS hacks help, but are kind of ugly
http://css-tricks.com/snippets/css/browser-specific-hacks/

Detecting interaction with browser UI within Mobile Safari [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 2 years ago.
Improve this question
Is anyone aware of a way with JS to detect interaction with the native UI in mobile Safari. An example event would be a click on the URL bar or the bookmarks icon. I'd like to be able to trigger a change on the page with JS on these events.
Any ideas?
No, JavaScript does not have access to these events. You would need to use a plug-in.
Your best hope is to detect the mouse leaving the browser pane.

Categories

Resources