Load Various Content into Div in Wordpress - php

I am wondering how to achieve this effect in Wordpress... http://www.wendys.com/
My client would like to have various clickable areas that will load content at the top of the page like on Wendys.com
What would be the most logical way to do this in Wordpress? I've done some research and it seems like ajax would be the best way to go, but I've never used it whatsoever. Can anyone walk me through this?
Thanks so much!

Here is a website that has instructions to get you going. The point of stacks is to help you in a project, but not to write the code for you. This will get you going in the right direction once you have it going and you have further problems come on back and I will be happy to help.
http://jquerytools.org/demos/overlay/external.html

Related

Embed PHP in a Mediawiki page

I have been googling this for the best part of yesterday without any joy, so I'm here for the last hope for an answer before I give up!
Can anyone tell me if it's possible to embed a .php page in a MediaWiki page?
I was hoping for an extension of some sort or some other type of solution - I did see a post her somewhere during my search that suggested using a hook to make an extension - but I have absolutely no idea where to even start!
Essentially the problem I'm trying to solve is that I have a .php script that spits out the results of a couple of array queries, and I would like to present this directly on a MediaWiki page. I'm not bothered how, in an inline frame I assume..
Has anyone tried anything this and made it work?
Any pointers would be very much appreciated.
Thanks
OK, as I suspected - as soon as I asked this question, I would find the answer!!
So here it is..
You need this extension:
https://www.mediawiki.org/wiki/Extension:IframePage
After a little fettling I was able to embed a PHP script inside an inline frame on any WikiMedia page I wanted. Genius!
Thanks to everyone who took a look, and I hope this will help someone else!
Cheers!

adding custom float to pre existing wordpress template without damage

Long story short is. I created this http://jsfiddle.net/paDmg/368/ and I would like to add it to www.avueduesgins.com/new on the right hand side underneath the banner next to latest works.
The reason why I do not use a widget is because I do not the transparent background. I would like if I could replicate the style divs in a 3x3 fashion but they need to be rollovers...
Our php guy is out of town for 2 weeks, and I would like to get this project finished. I have very limited skills in php, but with the right direction I am sure I can achieve my goal, I just need help finding which way to go.
If there is another way to achieve what I am trying to do I would like to take any advice. Thanks and hope someone can help a fellow out.
Why not add it as a widget, but then use CSS to remove the background? If that's the only thing preventing you from using a widget, CSS is easier than changing your sidebar template.
#yourwidgetsid {background:none}

PHP Tab implementation

I am trying to implement tabs within one tab and I would like some help with it.
I found some codes for the upper tab and tried to implement them into the lower set of tabs. These codes are not mine. I simply put them together to display what I wanted which obviously doesn't seem to work properly...
The following is what happens:
1) If you click on the upper tab, the page doesn't refresh itself.
2) If you click on the lower tab, the page refreshes itself and changes the "id=?" on the address bar which is what I DO NOT want.
Will it be possible for this problem to be fixed?
This is a SAMPLE website so it will not be tidy
http://www.swan10.nl/stuff/testie/testie.php
The CSS were made to display classes however the PHP website only works if these codes are used class="TabView" id="TabView". I know you cannot use "id" more than once so I even made another set of CSS & Javascript for id="Tabview2" etc but it didn't work so I didn't bother uploading them to save space.
I don't know if this is the best code to use but if they aren't please give some suggestions for better codes. Or I may have just missed something tiny and silly.
Please help & thank you in advance!
I highly recommend you look at the Tabs feature of jQuery UI. It will seriously remove all the headaches of trying to figure out logic yourself, it's super easy to set up and use, and LOTS of people use it so there is plently of good information and support floating around on them.
http://jqueryui.com/demos/tabs/

how to count the site current visitors using java script or php

I need to get the current site visitors number using Javascript or PHP.
I need it using the best way between php and Javascript.
The following link is a blog post regarding a widget that will allow you to use PHP, MySQL and JavaScript/jQuery. It might be able to point you in the right direction for what you need, and features a tutorial on implementing it.
Who Is Online Widget
Hope this helps you out.
Here is another great tutorial that might help you out:
http://inobscuro.com/tutorials/simple-php-unique-visitors-counter-30/
Good will coding...

facebook status bar

Anyone know a good tutorial of how to make the status bar found in the new facebook? the one on the bottom. looks really cool
i was thinking it was written in either ajax or jquery. but not sure.
Here are some useful links/plugins that might help you:
Positioning the footer
Enable drag/drop of things (like applications)
Tooltip (when hover)
And for the interaction with the server (for new events etc.) you might use the AJAX functionality in jQuery:
In order to have it always be in the bottom, that is more of CSS than javascript.
I think you would get better answers if you were more specific. For example, I would want the answer to revolve around as to how the chatroom works on facebook. Is the javascript request being sent every second to check for new messages? or is there another protocol being used in order to have instant messages?
It's not clear what your are looking for: bar's design or it's functionality. If your are speaking about design you should look into css positioning (absolute). If it's about functionality i suppose that there is some kind of ajax javascript which checks every x seconds if there is change of state, and if there is go deeper and find out what to load.
Why not just download the Facebook source code and take a look at how they do it? They open sourced a lot of the stuff they use/created/enhanced.
Soh Tanaka just put out a great step-by-step tutorial on how to re-create the Facebook Status Bar:
Here's another good starting point: http://www.ben-griffiths.com/project/jquery-position-footer/. If I remember correctly it works in FF & IE & Safari
I looked through the jQuery plugins, and Googled the topic for you. All I could find was this which isn't exactly what you want, but it is a good place to start. With some style changes, and a little tweaking it could easily look exactly like the Facebook bar.
Not sure that this is the type of answer you were looking for, but i've been looking for the same thing and this code seems to at least show how it's done.

Categories