Tieskevo

Np, I hope others can learn from my problems as well ^^

seems like the code tags still bugs out text below it, and make editting posts a hell. Since it is a one-page design, loading it on document ready alone isn't enough. So I run the function when someone clicks on a link with the class checkanchor. Then I can into the problem that the browser would run the function before updating the URL. which is why I gave it a delay with setTimeout.

Thanks Lindsey, that was very helpful. In the end this is what I came up with: $(document).ready(function() { $(".checkanchor").click(function(){ setTimeout(function(){ if(window.location.hash) { var h = window.location.hash; window.location.hash = h; } },500); }); });

Hey Guys, It's been a while. and I'm back with a new problem. Hopefully this time someone can help me.. My problem is that IE , FF and Opera don't scroll back to an anchor by pressing the back button. or using JS history.back(). Example: I am at www.website.com/#anchor1 and I will click a link that takes me to www.website.com/#anchor2 Then I press the back button of my browser. the URL changes to www.website.com/#anchor1 but the location of the window doesn't change to #anchor1. So, after searching for a while. ( 1 1/2 hours and counting) I can't find anything that helps. The problem occurs at www.4people.nl if you go to cases and click on any of the top 3 images. and then try to go back. It doesn't have to work with history back. I don't care how it works. as long as I can go back.. So maybe you know a solution or alternative? thanks

cannot unsee....

double post, but the posting is bugged with the code tags. Rest of the post: First I define the element that has to scroll, due to the retarded complicated way the site is build up, I had to try a few different id's and I also tried the body. I disabled the overflow:hidden on elements, to see what element needed to scroll. Then I use the swipe status and it's function to log to the console for testing purposes. where you can see it registers the swipe just fine. but doesnt trigger the scrolling, last I want it only to scroll horizontally. So the problem I am running into is: " it registers the swipe just fine. but doesnt trigger the scrolling,"

Hey guys, It's been a while since I posted a question, mainly because everything was going fine the website has moved to live, but i'm still working on the swipe handlers. I'm currently using the touchSwipe jquery plugin. Live: http://www.4people.nl <script> $(function() { $("#content").swipe( { swipeStatus:swipe2, allowPageScroll:"horizontal" } ); function swipe2(event, phase, direction, distance) { console.log( phase +" you have swiped " + distance + "px in direction:" + direction ); } }); </script>

Just like pants..

there are also browser plugins that give you the option to view it as if in different browsers. It might be worth looking i to that

Mine is a bit of a luxury whine, I had monday and tuesday off due to the crowning of the new king. And I took the time to get started on a digital painting for myself.. And well all I want atm is to continue working on that. please let my workplace burn down today.. or something..

solved it with: http://flesler.blogspot.nl/2007/10/jquerylocalscroll-10.html

i'm not even kidding... nor exaggerating.. This is my daily hell....

bump?

try www.codeacadamy.com I think they present a good way to start and learn more about web-programming

I got it on my laptop, I hate it. first thing I did when I got the thing was install a start button. because the metro style sucks on a laptop. then later I still ended up reinstalling it with windows 7

Oh I know that one. my boss: "Yeh I don't like the way it scales depending on resolution. I want you to put all of the content of the website in images, and then position the linking parts over the image.."

psychological thrillers. thats the answer, I want a movie that makes me think. in no specific ranking order: - Memento - Eternal sunshine of the Spotless mind - Secret window - The Butterfly Effect - Fight Club

I bet you are hurr hurr..

welcome ^^

welcome to WDF

welcome Steve

pff.. helvetica, better use comic sans 4li4s

What I think you'll want to do is make sure your container has a min-height of 100%. you might have to give the body and html tags a height as well, since percentage height is always calculated from the parent's height. so: html { min-height:100%; } body { min-height:100%; } #container { min-height:100%; } great now your container is atleast as big as the window. If you're using percentages to scale other elements, they might get skewed as their parent got a new height. another good reason to scale other elements on width. Next up, you're going to make sure your footer is always on the bottom of your container. As Lindsey said: #footer { position:absolute; bottom:0; height:50px; /*added this as well */ } notice I gave the footer a fixed height. Why is that? because we'll need it now. See since the footer is now absolutely positioned at the bottom of your container content might go underneath the footer, and we don't want that. Thats why we're gonna use this height and set it was the padding-bottom for the element above it. Margins won't work. in your case this should be the section with the class ten columns. .ten columns { padding-bottom:50px; /*footer height */; } Goodluck :]

picked this back up today. I basically detect first if the vw untis are supported by the browser, if they are not, then i substitute my own viewport formula for the units $(document).ready(function() { var getVW = $("#vw-test"); var viewport = $(window); var newFont = window.innerWidth / 100 +"px" ; getVW.css({ width: "100vw" }); if (getVW.width() != viewport.width()) { document.body.style.fontSize=newFont; } });

not gonna open it.. there is nothing you can put in a .doc you can't post here as far as I know..