0
votes
4answers
45 views

Using contains to not look at children

I'm trying to filter out and hide divs that don't contain a specific string, but I only care about the Is there a way to use the contains selector on an element but ignore its children? Example: ...
0
votes
0answers
23 views

Alternating stylesheet using radio buttons

http://css-tricks.com/examples/AlternateStyleSheets/ Can anybody help me switch stylesheets using the above but with radios rather than anchors? The below isn't working for me: <input ...
2
votes
1answer
13 views

JS chart knob: animate from value to value rather than 0

I have this animated donut that changes value on li hover. However, currently it resets to 0 and then animates to the new value. Ideally it should animated from value to value. Here's a JSFiddle: ...
1
vote
4answers
31 views

Scroll Page to Anchor

I have some anchors on a site I'm playing with and I'd like them to scroll to anchors instead of doing a sudden jump to the anchor. I've tried several posted solutions here on stack overflow but ...
1
vote
1answer
16 views

How to export a auto generated HTML to PDF

I have the following code which is partially what my HTML page does. <script> function close() { MainJavaScript(); } function MainJavaScript() { //var strEntity = " "; var strEntity ...
2
votes
2answers
37 views

CSS remove hover effect when semi-transparent div overlays another div

I have several underlaying divs with hover effect. Sometimes I need to show modal dialog and all undelaying divs should be "disabled". This is done by placing semi-transparent high z-index div on top ...
0
votes
2answers
38 views

vertically align text in a div vertical-align don't work

So i'm trying to center a text in the middle of a div. I looked half of the website, and it looks like i have to do smthg like that : .container{ width:100px; height:200px; ...
0
votes
1answer
29 views

Get all coordinates used by div

I'm wondering what's the best way to get all coordinates used by a <div>. You can do something like this, but this will only give you the top, left coordinates of the <div>. var element = ...
2
votes
0answers
52 views

Show div on page load - Counteracting toggle function

I searched for an answer on this, but didn't find anything exactly salient to my situation, so posting new question... I have multiple product category divs on my index page, the contents of which ...
0
votes
3answers
33 views

How can I .slidetoggle a div the .length of a string in another div

I have a label where if you hover over it, it should expand the length of the text inside. I would like to slide the div next to it the width of the label (depending on the length of the word). Here ...
0
votes
1answer
32 views

bootstrap: style=“display:none” get's automatically appended in the 'li'

I have following piece of code in my jsp. <li id="report" class="dropdown open"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Report <b ...
1
vote
0answers
50 views

Javascript : Capture width / height on overflow

Here's my problem: I've got a wrapper element and a draggable child element within it. I need the parent element to expand in size (or atleast get the size data) when overflow occurs. I've used the ...
0
votes
3answers
49 views

Keep a div as last child of its parent even after any new div is appended to its parent

Hello i am quite struggling with a problem. The structure is like :- <div class="parent" > <div class="child1" > </div> <div class="childToBeKeptLast" > ...
0
votes
0answers
17 views

Adjust Jquery UI draggable and droppable to a grid of selected size

So I've decided to try and do a simple project with the jquery UI since I think it covers my needs. However I want it to be adjusted to a grid. I mean, when I move the draggable object (which is ...
1
vote
1answer
18 views

Quirks Mode + IE8 element size calculations appear inaccurate

I'm trying to dynamically size a field on the screen, but unfortunately we are using IE quirks mode. Chrome is behaving perfectly and everything is lining up exactly how I expect, however in IE8 under ...
-2
votes
2answers
34 views

Want to scroll a whole page in one mouse wheel in html or with help of jQuery [on hold]

I want to scroll a page to 2000 offset in one move of mouse wheel, like the apple does http://www.apple.com/iphone-5s/ For more information, I'm using a skrollr plugin. All I want is to scroll a ...
-4
votes
1answer
48 views

How to make a tab (i.e. Home, About, Contact) clickable in HTML?

I want to make my menu button clickable so that it navigates to the desired section or another page with another content. For example in my website I have a menu "About me". I want that as soon as an ...
0
votes
5answers
50 views

How can I trim an input element's width to the size of the initial text?

Can I set the initial width of an input element to be large enough to just surround the initial text? Example of what I want to achieve: Silverlight app example. I've tried setting the width property ...
1
vote
1answer
27 views

Pointer Events and Opacity is not working in IE10 [duplicate]

This is the HTML code: <div id="opac"> <ul id="nav" style="font-size:75%" > <li><a href="javascript:void(0)">Menu</a> <ul> ...
0
votes
1answer
12 views

Off-canvas mobile navigation with minimal side effects

Problem I'm looking for a JS (jQuery) library which provides off-canvas navigation for mobile devices, with native-like UX, minimal influence to existing page and compatible acros many mobile ...
2
votes
1answer
38 views

jQuery - Making my own slider?

I'm still learning jQuery, and I know that what I'm asking is probably quite redundant as there are hundreds of sliders out there already that will be much better than the final outcome of mine. ...
1
vote
1answer
20 views

Google map marker positioned in bottom on load [duplicate]

I am using bootstrap for layout and i am trying to center my map to a marker, but the problem is that the marker shows up at the bottom of the map container. If i slightly resize the window then it ...
-1
votes
1answer
15 views

Slick slider not working height

I just discover the slick "the last carousel you will ever need" and i try to make some test with it bit nothing is working :/ i make a little code: <link rel="stylesheet" ...
0
votes
1answer
48 views

CSS Valid But Not Applying Dynamically

DISCLAIMER: I have searched this topic to no avail, this seems to be a Chrome only issue. Safari for OSX and Firefox OSX work fine. So I have some styles for an element which do not dynamically ...
-1
votes
0answers
35 views

Need scroll in menu but header is fixed

I made position fixed of header in mobile view. but that's creating problem while opening submenus the below li of the screen doesn't seen. i need a scroll in menu while in mobile menu for seeing the ...
0
votes
1answer
35 views

Hide or show a div element based on IP address

Is it possible, using Apache, Javascript, or CSS (or something in Plone for that matter) to make a <div> visible to only a set range of IP addresses? Below is the code I would like to be ...
1
vote
1answer
35 views

LESS not working in IE11 - Why?

I have the following example: <style type="text/less"> @bg: black; @fg: white; body { background-color: @bg; color: @fg; } </style> <script ...
3
votes
4answers
62 views

How the get scroll the div horizontal using left and right buttons

I have a class called portfolio-items where it will scroll horizontal. I need jQuery which helps me to scroll to the next and previous closest classes using my next and previous buttons. Need it more ...
0
votes
3answers
31 views

I created one master page which having header.In header section there are some links..i want to highlight that links without affecting master page

I am creating asp.net web application project.In that I created one master page which having header and footer.In header section there are some links..If i click the link That links goes to their own ...
-2
votes
1answer
26 views

Most simple way to interact with a graphic [on hold]

For a web project, my client wants to have a map of an area where unique users can place a pin on to. The placed pin location is saved into the database. I thought about different solutions: Load a ...
0
votes
0answers
25 views

Move a tree element from a listbox to another

A very good day to all. I am new to dojo, javascript and HTML, so plz share your knowledge. When I am selecting one or more list element and clicking the button then I am able to move into other box. ...
0
votes
2answers
38 views

Javascript/Jquery Using Regex (or not) to add <span> to vowels

New to coding and need some help. Currently my code output numbers from 1-99, it then display some text next to the number depending on the conditions. E.g numbers that are divisible by 3 has 'Java', ...
0
votes
1answer
23 views

Change default selected text color on webpage content

In a webpage when we select any content it will show blue color for selection. How to Change this default selected color on webpage with other custom color ?
0
votes
3answers
46 views

HTML - Div to the bottom without absolute positioning

Here's the fiddle. I added some CSS for positioning the tab to the right. I wanted those tabs to be in the bottom right of the container. If I set the position of the div to absolute. That'll void ...
0
votes
1answer
16 views

Scaling with rotating image using html5 canvas

I have using scaling and rotation of images using mouse dragging separately. but i need to combine both the operations. Please refer jsfiddle files for your understanding. Scaling - ...
0
votes
1answer
21 views

How to create CSS styled dom element inside Google Maps InfoWindow?

I tried creating a custom element inside the google Maps infoWindow but it does not work. I have properly linked css and javascript as well. function openWindow(map,marker){ var contentString = ...
-9
votes
4answers
36 views

By click on an icon it should change to another icon [on hold]

if i click an icon the icon have to change to another icon befor clicking if it is "cat" after click that it should change to "rat" Mostly with out using jquery.
1
vote
4answers
47 views

DIV appear/disappear on mouse enter/leave

I'm trying to make a navigation using jQuery. I'm very new to jQuery so I'm getting a bit stuck here. Basically what I'm trying to do is have testbutton2 appear and hide when I mouse over/off ...
0
votes
1answer
46 views

Button isn't doing anything when clicked on [duplicate]

I am currently trying to build a site that has three buttons, a Facebook Sharing one, a Twitter one, and another one that links to a video. They are classed as "facebook", "twitter", and "play". ...
2
votes
2answers
28 views

How to position boxes like a posterboard with CSS?

Trying to make a page of boxes that looks like this posterboard layout: http://try.time.ly/ Right now, all of my boxes have fixed widths and resizable heights (depending on the length of ...
0
votes
1answer
28 views

How to make div/table change their size?

I have a div which contains another 3 divs, and each of them has a table. I want them to change their size depending on screen size. The reason why I need it is because: If page are opened on 1366x768 ...
-3
votes
2answers
60 views

Resize text simultaneously while resizing textarea

How to resize text simultaneously while resizing the textarea. Below is my code. Below is my jQuery. I guess the issue is to do with the click function been seperated? Not sure though. I'd like some ...
0
votes
0answers
16 views

Using html5up template on Rails

Hi I am new to Rails and web development in general. I want to implement a template that I have gotten from http://html5up.net/. The template is Big Picture. Html5up.net uses a skel.js framework ...
-7
votes
2answers
22 views

How to make form elements look consistent across all browsers and operating systems [on hold]

All form elements look different in different browsers. I want to make it look same.
2
votes
0answers
12 views

google maps change cursor to image pick offset

I've changed the google maps cursor to be my own image. This image has a certain distinct point to it. The website allows people to click somewhere on the map to create a marker at the exact ...
0
votes
1answer
49 views

How do I turn a string into a “selector”?

Is it possible to turn a string into a selector? I know that it is possible to turn it into a DOM selector: EX: var a = '.string'; var b = $( a ); In this way it will select the element with the ...
0
votes
0answers
16 views

Why does text modified by jQuery look lighter on hover in Safari?

I haven't asked this earlier because it's difficult to explain, but when I have jQuery interacting with text elements, when the mouse is hovered on them, the font shows up noticeably thinner/lighter. ...
0
votes
1answer
24 views

Jquery cannot get id from django generated element

I am trying to retrieve an elements ID on click. The element is a div generated by django: {% for artist in artists %} <div class="band_box_inner" id='artist_{{artist.id}}' ...
0
votes
2answers
17 views

Weird padding issue in Chrome and Firefox

I am working on a jQuery slider for a web page. Everything looks great in IE, but in Chrome and Firefox, there is some kind of weird padding issue going on above and below the slider. You can take a ...
0
votes
1answer
16 views

Trying to modify a show/hide script so first div opens on page load (Django project)

I'm working on a blog feed and have a script that currently opens up a div and displays it's (the div's) content onclick; however, I would like the first div in the feed to open when the page loads ...