jQuery functionality like ziggo.nl - javascript

I'm trying to create or atleast understand the technology used in the website of www.ziggo.nl. They implemented ajax on such a nifty way! If you click on 'Producten' the whole page loads (mind the link /#producten/), if you lick on 'Alles in 1', the hashlink changes to (/#/producten/alles-in-1/, but only the content of the page changes instead of the whole page. Even the backbutton works!
Does anyone of you guys know how I can make something like this? I came across ajaxy for jquery but I think it's not the thing I need.
Hope someone has some advice!
Regards,
Rogier

Check out JQuery Address. It does seem similar to ajaxy (hadn't seen that one before), but I'm not sure why it is "not the thing you need", as both seem to address the issue in your question.

Related

how to do HTML google multilevel entry?

I wanted to ask a maybe dumb question but how do you guys set up an html website to look like this when searched on google?
Ive tried adding anchor tags to the meta tags, yes maybe quite dumb idea , well it didn't work, does anybody know how to? Thank you in advance
With Sitelinks
As Google Webmaster Tools explains:
Sitelinks are automatically generated links that may appear under your
site's search results
This means you can't add them via some tool or code. The best you can do is to structure your correctly. See Google's page about this https://www.google.com/support/webmasters/bin/answer.py?answer=47334&hl=en
It's generated automatcally by Google, but you can help the robots to show the right things using a sitemap: https://support.google.com/webmasters/answer/156184 also it allows you to make a link preview.
PS: There is lots of tools to do that, like this one https://www.xml-sitemaps.com/

How do i hide my wordpress site page source like (bczcentral.com)?

Can i hide my wordpress blog site's page source like this? I have to ask this question because there are many plugins which can disable page source and right-click. but after typing manually "view-source:url" in browser it instantly shows the source-code of wordpress site.If any body knows answer please write down . this is very important for all bloggers 'I think' .
TLDR: No, you can never hide the soure code of your page. There is NO way.
For a browser to render a web site you need to send it the HTML, CSS, and javascript code. Even though you can make it "harder" to see the code by disabling right click, anyone with just a little bit of understanding of the web will be able to read it easily (F12 in most browsers).
As a website designer it is important for you to understand this concept as it is very important in deciding on how to design your web site. Things the user should not see need to happen on the server side (where no user can reach it). Only things which dont matter if anyone can see should be sent to the user.
I think you cannot hide the whole code. Or do you want to hide a specific part of the code? For example, you can hide/encrypt the URL of an iframe in which you can display more sensitive content. However, I also don't really know how to do it in WordPress (I searched for a solution many times) but I heard it's possible.
I'm curious what about the answers.
I wouldn't even consider doing this. Not only does it ruin the end-user's experience, it can actually stop people with disability copying text from your site or using other right-click menu items.
You can't hide your code, but you can obfuscate some of it.
CSS Obfuscater.
JSS Obfuscater.

Removing Mouseovers

I'm not a programmer, I just know enough to get by. Someone that was once in our group made a bookmarklet to remove mouseovers from the app we use. It broke and now we can't do it. I looked into the page that we want to remove the mouseovers and found:
// disable mouseovers for now - MSIE doesn't behave when you trigger a mouseover before page is loaded
var OLgateOK=0;
// enable mouseovers once page has loaded
Event.observe(window, 'load', function() { OLgateOK=1; });
I believe that I can use an eventblock or prevent, but I'm not sure. on top of that I'm not sure on how to refresh the page via the bookmarklet or if that just happens.
I'm guessing that this is a simple thing to prevent the mouseovers, I just don't know enough to figure it out...Any help would be great.
edit: Sadly the website is behind a firewall that you can not get to. I looked and I don't think that I can get to the "code" as the vendor of the app does not like to share. Thank you for looking at it. I'm just going to have to dig in some more and just trial and error it...
You should probably use the removeEventListener method - see the MDN documentation

Magento homepage has conflict only on the index.php

We have made some changes on our homepage and it all went fine until we clicked to get to the homepage... Which is somehow different. Example: http://www.testsite.net <- this one is fine with the jQuery and Javascript together.
Example: http://www.testsite.net/index.php <- this one doesn't work with jQuery and Javascript together.
I have no idea why it doesn't work only on index.php...
My question is, why doesn't this work? Is there something special I need to know?
Do you have any suggestions? A workaround maybe?
I can post some code but it's kind of a pain to do that because it's quite alot.
If you want some code, please state what kind of code you need...
Any more information needed? Feel free to ask.
Thanks in advance!
You need to search in jquery and javascript code if you find your static url "http://www.testsite.net" then you need to make dynamic with location.hostname

Change Facebook like button design

I'd like to change the like button design of facebook's default like button on my page, because it just doesn't fit in there and it looks horrible anyways... =)
Approach 1: Use Javascript to change design inside iframe. => Failed because the iframe is on domain "facebook.com" and the script runs on my site...
Approach 2: Simply put an image over the actual button. => Always goes into background, dirty solution anyway...
Approach 3: Look at 9gag.com's like button (they did it nicely). => Couldn't figure out, what exactly they are doing, they're triggering some JS when the button is clicked, but I have no clue what happens then...
Can anyone think of some better solutions, or give me a hint how the 9gaggers did it? Btw, my website is lolkitten.org, feel free to lay your hands on it... =)
Cheers
I just found this tutorial earlier today:
http://olegnax.com/492-custom-share-button-facebook/

Categories