Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have 2 columns in a in a div row. The one on the left is my main content and the one on the right is chatroom. I want my users to be able to minimize and open the chatroom I know how to do this part. However when chatroom is Open i want my left column to be col-lg-10 and when chatroom is closed i want it to become col-lg-12. How can I acheive this?
Using jQuery (I see you use Bootstrap already) is quite straightforward:
$(".buttonToggleChat").on("click", function(){
$(".someSpecificClassColumn").toggleClass("col-lg-10 col-lg-12");
// ^^ the same selector you want to toggle 10/12 lg classes
});
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm creating a web app for small screens and also for large screens. So lets say I want to display a title "Stackoverflow helps a lot" in one line. This is not a problem for large screens but when I drag the browser window smaller, some text jumps into the next line. Is there a way to avoid the break and display "..." instead?
So for example that I get "Stackoverfloy hel..." on smartphone browsers?
Thanks
add this css to that element
{
overflow: hidden;
white-space: nowrap;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am fetching options for the dropdown menu from database.
I have already used select2.js but it is not working.
Whenever I click on the dropdown menu the page stops responding.
You shouldn't use that many options. This is not only slow, but also uncomfortable.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am trying to copy a website for practice(new to html, css, and javascript) So I created a navigation bar on the left(like on the link provided for the food items) and when you click on it, it is supposed to pop up the items they have to the right of the navigation bar. I am not sure what that is called and how to do that. Is there a tutorial that you guys know that teaches me how to do that. I only found things like drop down menu, etc. Here is the website I am trying to copy
http://order.carsidetogo.com/menu/applebees-fairfax
They are called tabs, they can be horizental(top/bottom) or vertical(left/right), you can take a look at this w3schools tutorial http://www.w3schools.com/howto/howto_js_tabs.asp .
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a simple html page with div section. Div section contains several paragraphs <p>. I created separate div for every language. I want to show specific div corresponding to the user language.
I found that the language can be determined as follows
var language = window.navigator.userLanguage || window.navigator.language;
And div can be made visible as follows
document.getElementById(language).style.display="inline;"
However, for some reason, it doesn't work. I assume I don't understand something fundamental in page rendering process.
I will appreciate any help with this.
When modifying the style from JS you should not add any ';'.
try
document.getElementById(language).style.display="inline"
instead of
document.getElementById(language).style.display="inline;"
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am using a push menu on a website. Here is the test link: http://web553.login-15.loginserver.ch/
But the menu shows only the points, that are in the visible area. The site has more navigation items, that would need to be scrolled. But those points are not displayed. How can I make them visible? I believe it some kind of CSS issue.
overflow: hidden is applied to div.panel.
Chrome Dev Tools style view
MDN article on overflow property.