# web dev

**URL:** https://forum.kirupa.com/c/programming/web-dev/42.md?page=47

[Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md)

**Page:** 48

---

## [Normal drop down menu behaviour?](https://forum.kirupa.com/t/normal-drop-down-menu-behaviour/331805)

<div class="topic-metadata">

**Author:** [@lnsiu](https://forum.kirupa.com/u/lnsiu)\
**Replies:** 0\
**Last updated:** [October 26, 2013, 6:58pm UTC](https://forum.kirupa.com/t/normal-drop-down-menu-behaviour/331805 "2013-10-26T18:58:55Z")

</div>

I'm trying to reproduce my flashbuilder interface in photoshop extension html5 and got stuck on a regular dropdown menu. Supposedly, the new extension windows in adobe CC programs should be html5 compliant. The dropdow…

---

## [Stretched width div background image](https://forum.kirupa.com/t/stretched-width-div-background-image/331801)

<div class="topic-metadata">

**Author:** [@luckymagpies](https://forum.kirupa.com/u/luckymagpies)\
**Replies:** 0\
**Last updated:** [October 24, 2013, 9:42am UTC](https://forum.kirupa.com/t/stretched-width-div-background-image/331801 "2013-10-24T09:42:39Z")

</div>

I am creating HTML and CSS for a template that will be eventually made into a custom Wordpress theme: http://www.lucky-magpies.co.uk/esm/ and would like to know the best way to make the photographic background stretch to…

---

## [Help needed making background image a clickable link](https://forum.kirupa.com/t/help-needed-making-background-image-a-clickable-link/331775)

<div class="topic-metadata">

**Author:** [@spindrift](https://forum.kirupa.com/u/spindrift)\
**Replies:** 0\
**Last updated:** [October 17, 2013, 5:38pm UTC](https://forum.kirupa.com/t/help-needed-making-background-image-a-clickable-link/331775 "2013-10-17T17:38:42Z")

</div>

Hi guys, I want to make the background of my site an advertising background where the background image is clickable. I've tried a few tutorials but none seem to be working \[frowning\] What I've got is this as my CSS…

---

## [Rounded Image Links with a Sweet Hover Effect!](https://forum.kirupa.com/t/rounded-image-links-with-a-sweet-hover-effect/331773)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [October 17, 2013, 6:14am UTC](https://forum.kirupa.com/t/rounded-image-links-with-a-sweet-hover-effect/331773 "2013-10-17T06:14:58Z")

</div>

If you ever wanted to create image links with a rounded background that scales up on hover, this tutorial is right up your alley: http://www.kirupa.com/html5/rounded\_image\_links\_with\_a\_sweet\_hover\_effect.htm :sailor:

---

## [Create hiperlink from Select Tag](https://forum.kirupa.com/t/create-hiperlink-from-select-tag/331769)

<div class="topic-metadata">

**Author:** [@Tiago\_Borges](https://forum.kirupa.com/u/Tiago_Borges)\
**Replies:** 0\
**Last updated:** [October 16, 2013, 2:06pm UTC](https://forum.kirupa.com/t/create-hiperlink-from-select-tag/331769 "2013-10-16T14:06:59Z")

</div>

Hi guys. I need to create a select tag, but I cound't create links to call other pages when I click on the options. I tried something with onClick, but no success. \<label for="cidades"\>\</label\>\<select multiple="mu…

---

## [Anyone using CoffeeScript much?](https://forum.kirupa.com/t/anyone-using-coffeescript-much/331757)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [October 14, 2013, 3:30am UTC](https://forum.kirupa.com/t/anyone-using-coffeescript-much/331757 "2013-10-14T03:30:37Z")

</div>

I started taking a look at \[CoffeeScript recently. Maybe its a little late, and much the hype has warn off, but I have seen a few projects here and there recently that were written in it. I Also noticed \[url="https://gi…

---

## [Need help having two Javascript news filters on same page](https://forum.kirupa.com/t/need-help-having-two-javascript-news-filters-on-same-page/331751)

<div class="topic-metadata">

**Author:** [@spindrift](https://forum.kirupa.com/u/spindrift)\
**Replies:** 0\
**Last updated:** [October 12, 2013, 7:34pm UTC](https://forum.kirupa.com/t/need-help-having-two-javascript-news-filters-on-same-page/331751 "2013-10-12T19:34:34Z")

</div>

Hi guys, I'm using the below code to create a news filter for my site and it all works fine. However, I want to have two separate news filters on the same page. Can anyone tell me how I could go about either editin…

---

## [Password Access for website](https://forum.kirupa.com/t/password-access-for-website/331750)

<div class="topic-metadata">

**Author:** [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Replies:** 0\
**Last updated:** [October 12, 2013, 12:17am UTC](https://forum.kirupa.com/t/password-access-for-website/331750 "2013-10-12T00:17:59Z")

</div>

Basically, what I'd like to accomplish is setting up a splash page that requires the viewer to enter a password (something that would be given to the potential customer) to view the site. I'd like to make sure this pas…

---

## [IE img position problem](https://forum.kirupa.com/t/ie-img-position-problem/331748)

<div class="topic-metadata">

**Author:** [@gahring](https://forum.kirupa.com/u/gahring)\
**Replies:** 0\
**Last updated:** [October 11, 2013, 5:11pm UTC](https://forum.kirupa.com/t/ie-img-position-problem/331748 "2013-10-11T17:11:22Z")

</div>

I have a problem with a website I am working on. I am trying to position an image with img src to be used with a parallax scrolling script (http://www.kirupa.com/html5/smooth\_parallax\_scrolling.htm). The positioning of t…

---

## [Tutorial: Keyboard Events in JavaScript](https://forum.kirupa.com/t/tutorial-keyboard-events-in-javascript/331727)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [October 7, 2013, 4:19am UTC](https://forum.kirupa.com/t/tutorial-keyboard-events-in-javascript/331727 "2013-10-07T04:19:04Z")

</div>

http://www.kirupa.com/html5/keyboard\_events\_in\_javascript.htm Given the number of e-mails I received regarding the multi-key detection script, I'll quickly get another article focusing just on that up and running :buck…

---

## [Javascript - passing the entire query string from one php page to another](https://forum.kirupa.com/t/javascript-passing-the-entire-query-string-from-one-php-page-to-another/331692)

<div class="topic-metadata">

**Author:** [@natronp](https://forum.kirupa.com/u/natronp)\
**Replies:** 0\
**Last updated:** [September 27, 2013, 3:28pm UTC](https://forum.kirupa.com/t/javascript-passing-the-entire-query-string-from-one-php-page-to-another/331692 "2013-09-27T15:28:54Z")

</div>

I have a php page which receives form input and displays it in a printable format. I have an email button which should take the already received POST data and pass it along to a 2nd php page which simply sends it in an …

---

## [Become first at change to be so](https://forum.kirupa.com/t/become-first-at-change-to-be-so/331670)

<div class="topic-metadata">

**Author:** [@bolsman492](https://forum.kirupa.com/u/bolsman492)\
**Replies:** 0\
**Last updated:** [September 23, 2013, 7:04pm UTC](https://forum.kirupa.com/t/become-first-at-change-to-be-so/331670 "2013-09-23T19:04:36Z")

</div>

Anaheim Ducks vs Phoenix Coyotes Live Stream Phoenix Coyotes vs Anaheim Ducks Live Stream Ducks vs Coyotes Live Stream Coyotes vs Ducks Live Stream

---

## [Content Slider in Wordpress](https://forum.kirupa.com/t/content-slider-in-wordpress/331665)

<div class="topic-metadata">

**Author:** [@Chukk](https://forum.kirupa.com/u/Chukk)\
**Replies:** 0\
**Last updated:** [September 20, 2013, 9:55pm UTC](https://forum.kirupa.com/t/content-slider-in-wordpress/331665 "2013-09-20T21:55:11Z")

</div>

I'm attempting to get a congtent slider from this site (http://www.kirupa.com/html5/creating\_a\_sweet\_content\_slider.htm) functioning within a WordPress template with little success. I'm familiar with html, css, php and…

---

## [Video: Dealing with Vendor Prefixes in CSS and JavaScript](https://forum.kirupa.com/t/video-dealing-with-vendor-prefixes-in-css-and-javascript/331658)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 19, 2013, 2:10am UTC](https://forum.kirupa.com/t/video-dealing-with-vendor-prefixes-in-css-and-javascript/331658 "2013-09-19T02:10:46Z")

</div>

I've been dragging my heels on this one for weeks \[stuck\_out\_tongue\] //youtu.be/9dwGgUe578k The two tutorials I reference in the video where you can learn more are: \[LIST\] \[\*\]Vendor Prefixes and JavaScript \[\*\]\[Avoid …

---

## [Detecting if the User is Idle or Inactive](https://forum.kirupa.com/t/detecting-if-the-user-is-idle-or-inactive/331640)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 15, 2013, 9:40pm UTC](https://forum.kirupa.com/t/detecting-if-the-user-is-idle-or-inactive/331640 "2013-09-15T21:40:38Z")

</div>

http://www.kirupa.com/html5/detecting\_if\_the\_user\_is\_idle\_or\_inactive.htm A simple script that allows your app to do something if your users aren't interacting with it after a period of time. Netflix does this...as I f…

---

## [Flame charts (developer tools)](https://forum.kirupa.com/t/flame-charts-developer-tools/331636)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [September 15, 2013, 5:44pm UTC](https://forum.kirupa.com/t/flame-charts-developer-tools/331636 "2013-09-15T17:44:05Z")

</div>

Oooo I just saw this - something I've always wanted but didn't know already existed! Visualising JavaScript Processing Over Time With DevTools Flame Charts http://addyosmani.com/blog/devtools-flame-charts/ Basically …

---

## [Advertisement placement and responsive webdesign](https://forum.kirupa.com/t/advertisement-placement-and-responsive-webdesign/331632)

<div class="topic-metadata">

**Author:** [@quark2013](https://forum.kirupa.com/u/quark2013)\
**Replies:** 0\
**Last updated:** [September 14, 2013, 9:06am UTC](https://forum.kirupa.com/t/advertisement-placement-and-responsive-webdesign/331632 "2013-09-14T09:06:29Z")

</div>

How you locate and display advertisement on responsive web? \[LIST\] \[\*\]display ad only on desktop/laptop devices? \[\*\]have only one size of ad and replace it (swap) for different devices? \[\*\]have only one size of ad whic…

---

## [:before pseudo-element, you suck!](https://forum.kirupa.com/t/before-pseudo-element-you-suck/331629)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [September 13, 2013, 9:50pm UTC](https://forum.kirupa.com/t/before-pseudo-element-you-suck/331629 "2013-09-13T21:50:42Z")

</div>

I've just spent half of my day trying to figure out why a form element I was adding to a page (not originally created by me) was not being displayed. It was in the HTML, I could get metrics for the element to be highligh…

---

## [Where are the spaces between my images coming from?](https://forum.kirupa.com/t/where-are-the-spaces-between-my-images-coming-from/331619)

<div class="topic-metadata">

**Author:** [@IQAndreas](https://forum.kirupa.com/u/IQAndreas)\
**Replies:** 0\
**Last updated:** [September 11, 2013, 10:43am UTC](https://forum.kirupa.com/t/where-are-the-spaces-between-my-images-coming-from/331619 "2013-09-11T10:43:45Z")

</div>

I'm trying to transfer this PHP site: http://medtechsweden.com/ To a static Jekyll site: http://jekyll.medtechsweden.com/ But as you can see, some of the images are "shifted down" by a pixel or two; you can see this ef…

---

## [Help with small change to javascript?](https://forum.kirupa.com/t/help-with-small-change-to-javascript/331601)

<div class="topic-metadata">

**Author:** [@eabigelow](https://forum.kirupa.com/u/eabigelow)\
**Replies:** 0\
**Last updated:** [September 7, 2013, 6:53pm UTC](https://forum.kirupa.com/t/help-with-small-change-to-javascript/331601 "2013-09-07T18:53:30Z")

</div>

Hi-- I am using the following code to trigger an animation to begin again (start over) by clicking on a button. Instead, I would like to trigger the same action when the page loads so no button is involved. Is there …

---

## [Advanced SVG positioning and scaling?](https://forum.kirupa.com/t/advanced-svg-positioning-and-scaling/331590)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [September 5, 2013, 8:59pm UTC](https://forum.kirupa.com/t/advanced-svg-positioning-and-scaling/331590 "2013-09-05T20:59:04Z")

</div>

Basically what I'm looking to do is something like 9-slice scaling, where, in a dynamically sized SVG element (say @100% width) elements can be drawn, without distortion relative to the left and right edges of the screen…

---

## [How do I get the target in javascript?](https://forum.kirupa.com/t/how-do-i-get-the-target-in-javascript/331587)

<div class="topic-metadata">

**Author:** [@lnsiu](https://forum.kirupa.com/u/lnsiu)\
**Replies:** 0\
**Last updated:** [September 5, 2013, 9:22am UTC](https://forum.kirupa.com/t/how-do-i-get-the-target-in-javascript/331587 "2013-09-05T09:22:44Z")

</div>

I'm trying to get the target in a mouseevent. I seem not able to use addEventListeners? all I get is htmlacanvasobject and object Object. This is my code so far, now where is my buttontarget? for(var i=0; i\< b…

---

## [Single Page site and SEO - How do they do this?](https://forum.kirupa.com/t/single-page-site-and-seo-how-do-they-do-this/331577)

<div class="topic-metadata">

**Author:** [@black\_pearl](https://forum.kirupa.com/u/black_pearl)\
**Replies:** 0\
**Last updated:** [September 3, 2013, 11:51am UTC](https://forum.kirupa.com/t/single-page-site-and-seo-how-do-they-do-this/331577 "2013-09-03T11:51:56Z")

</div>

Hello I am planning to develop a single page website but I want to make it SEO friendly. Single page website means only one \<Title\> and \<Meta tags\>. This will discourage SEO. I searched internet and found some soluti…

---

## [Email template Text Positioning Issue](https://forum.kirupa.com/t/email-template-text-positioning-issue/331571)

<div class="topic-metadata">

**Author:** [@Pherank](https://forum.kirupa.com/u/Pherank)\
**Replies:** 0\
**Last updated:** [September 1, 2013, 9:12pm UTC](https://forum.kirupa.com/t/email-template-text-positioning-issue/331571 "2013-09-01T21:12:53Z")

</div>

Even though I am zeroing out margin and padding, I'm noticing that the Arial font wants to add a top margin/padding effect of about 2 to 3 px above my \<h3\>. Using Helvetica removes the extra space, but there are certainl…

---

## [Video: Animation Loops in JavaScript using requestAnimationFrame](https://forum.kirupa.com/t/video-animation-loops-in-javascript-using-requestanimationframe/331568)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [August 31, 2013, 10:00pm UTC](https://forum.kirupa.com/t/video-animation-loops-in-javascript-using-requestanimationframe/331568 "2013-08-31T22:00:03Z")

</div>

A video I created a short while ago as an introduction to requestAnimationFrame! //youtu.be/rNsC1VI9388 =)

---

## [Floated element appears to receive extra padding](https://forum.kirupa.com/t/floated-element-appears-to-receive-extra-padding/331562)

<div class="topic-metadata">

**Author:** [@Pherank](https://forum.kirupa.com/u/Pherank)\
**Replies:** 0\
**Last updated:** [August 29, 2013, 9:10pm UTC](https://forum.kirupa.com/t/floated-element-appears-to-receive-extra-padding/331562 "2013-08-29T21:10:31Z")

</div>

I'm noticing some odd behavior with a span tag - if I happen to make the span element float, the padding around the text appears to increase, but why exactly? No float: http://www.burntscarlet.com/\_test/help\_forums/Kirup…

---

## [Final Code for "Animating with easing functions in javascript"](https://forum.kirupa.com/t/final-code-for-animating-with-easing-functions-in-javascript/331558)

<div class="topic-metadata">

**Author:** [@Yeldarb](https://forum.kirupa.com/u/Yeldarb)\
**Replies:** 0\
**Last updated:** [August 28, 2013, 9:36pm UTC](https://forum.kirupa.com/t/final-code-for-animating-with-easing-functions-in-javascript/331558 "2013-08-28T21:36:02Z")

</div>

Is there a final demo page available for what you should end up with after completing this tutorial? I didn't see a code download linked from the tutorial. Or even just a demo page showing the result would be awesome.

---

## [Random Background Image positoning](https://forum.kirupa.com/t/random-background-image-positoning/331544)

<div class="topic-metadata">

**Author:** [@uelcut](https://forum.kirupa.com/u/uelcut)\
**Replies:** 0\
**Last updated:** [August 25, 2013, 3:01pm UTC](https://forum.kirupa.com/t/random-background-image-positoning/331544 "2013-08-25T15:01:33Z")

</div>

I'm working on a html that displays random background image, that i got from this tutorial: http://wsabstract.com/script/cut176.shtml I included this in my html and tried to re-sizing it to background-size:contain, and…

---

## [Web pages masquradeing as a mobile Apps](https://forum.kirupa.com/t/web-pages-masquradeing-as-a-mobile-apps/331537)

<div class="topic-metadata">

**Author:** [@tailz](https://forum.kirupa.com/u/tailz)\
**Replies:** 0\
**Last updated:** [August 22, 2013, 1:14am UTC](https://forum.kirupa.com/t/web-pages-masquradeing-as-a-mobile-apps/331537 "2013-08-22T01:14:53Z")

</div>

\[FONT=arial\]Hello folks,\[/FONT\] \[FONT=arial\]The powers at be where I work have become quite interested about building mobile apps, primarily web pages that masquerade as mobile apps. Unfortunately I only dabble in web si…

---

## [HTML5 Multiple User Webcam Chatroom?](https://forum.kirupa.com/t/html5-multiple-user-webcam-chatroom/331527)

<div class="topic-metadata">

**Author:** [@Ikabobokhidze](https://forum.kirupa.com/u/Ikabobokhidze)\
**Replies:** 0\
**Last updated:** [August 19, 2013, 3:39pm UTC](https://forum.kirupa.com/t/html5-multiple-user-webcam-chatroom/331527 "2013-08-19T15:39:33Z")

</div>

Hi everyone, I saw this nice tutorial on HTML5 webcam support here: http://www.kirupa.com/html5/accessing\_your\_webcam\_in\_html5.htm and I have managed to show my webcam on the website but I guess this is only for looking…

[Previous page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=46)

[Next page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=48)