While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives.
Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials
While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives.
Posted in jquery.
Compression Command
tar -cpvf <foldername> <newfile.tar>
gzip <newfile.tar>
How can I extract a tar.gz or .tgz file?
gunzip <newfile.tar.gz>
Posted in Miscellaneous.
Welcome to The 14 Days of jQuery! We’re excited to bring you fourteen consecutive days of new releases to celebrate the release of jQuery 1.4. You’ll notice that we’re excited about the number fourteen since jQuery 1.4 is being released on the birthday of jQuery (January 14th) . So be sure to come back each day as another announcement is made and new content is released!
Also be sure to follow the announcements via RSS, Email, or Twitter!
Read the announcement of The 14 Days of jQuery
<?xml version=”1.0″ encoding=”ISO-8859-1″?>
<report>
<Mail>
<Subject>How are you ?</Subject>
<sender_name>user_at_domain.com</sender_name>
<Link>http://someurl.php?rit=1&i=2231608&k=9ac69b4f</Link>
</Mail>
<Mail>
……………………
</Mail>
</report>
And I am using the below php file to post xml data.
<?php
$xmldatafile=”temp.xml”;
function postData($postFields,$url){
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST ,1);
curl_setopt($ch, CURLOPT_POSTFIELDS ,$postFileds);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION ,1);
curl_setopt($ch, CURLOPT_HEADER ,0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER ,1);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
$xmlData = file_get_contents($xmldatafile);
#echo $xmlData;
#$postFileds = ‘data=’. urlencode($xmlData);
$postFileds = ‘data=’.$xmlData;
//call function
$result=postData($postFields,”http://localhost/processxml.php“);
?>
But for some reason it is not working. The processxml.php is not able
to retrieve the data. I guess this is due to the URL in the xml tag.
Do I need to treat is specially ? I have already removed special
characters from it before putting it into the xml file.
Posted in Php.
Is there a way to have a flash movie play below another layer like an html text heading or div tag?
Position Flash Below Html ElementsAnswer: Yes, this is actually fairly simple but is a several part process depending on how may different items you would like to position above the flash element.
1. First you must add the wmode parameter transparent to the flash object that is going to be embedded.
Like so…
(note:) If you are using the swfobject.js method to embed your flash files (recommended) you can add the transparent parameter by simply using the example below to append to your current setup:
2. Now we need to wrap our flash movie in its own div tag and and apply some css so that we can set the position to be below the header text and description div.
(See example below for xhtml and css code.)
flash file goes here.
And the accompanying css for the above is:
(note the z-index and absolute position for #flash div)
#flash {
width: 700px;
height: 300px;
position: absolute;
z-index: 0;
}
#header {
height: 300px;
margin-bottom: 30px;
text-align: left;
}
3. Ok, now lets go ahead and set up the html layers that will be displayed displayed above our flash content. In this case it will be an h1 header and a description that is in its own div that is above the flash media.
(Two items to be positioned over the flash movie)
The h1 css is: (note: feel free to style it however you want or use a different tag, the important thing is the z-index and absolute position.
h1 {
padding-top: 15px;
padding-bottom: 15px;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #666666;
font-weight: bold;
position: absolute;
z-index: 1;
}
Now for the description css which is going to be in its own div tag containing text and will be positioned above the flash element as well: (note the z-index and the absolute position again)
.description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
margin-left: 15px;
margin-top: 35px;
padding: 5px;
font-weight: bold;
line-height: 14px;
position: absolute;
z-index: 1;
}
4. Thats it, the finished code in the body of a web page will look like this:
(note: Code is placed in the header div which has no z-index or absolute position necessary)
flash file goes here.
Heading Text
Your description text
And the final accompanying CSS is:
h1 {
padding-top: 15px;
padding-bottom: 15px;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #666666;
font-weight: bold;
position: absolute;
z-index: 1;
}
.description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
margin-left: 15px;
margin-top: 35px;
padding: 5px;
font-weight: bold;
line-height: 14px;
position: absolute;
z-index: 1;
}
#flash {
width: 700px;
height: 300px;
position: absolute;
z-index: 0;
}
#header {
height: 300px;
margin-bottom: 30px;
text-align: left;
}
HTML Layers and Flash Position Summary:
How to layer a Flash movie below another html div tag or layer.
To position a flash movie under another html element basically you just need to give the flash move a parameter of wmode transparent and position it absolutely with a z-index of 0. Do this by putting the flash object in its own div and using css. (see examples above)
For the items that you would like positioned above the flash movie set their z-index to 1 and position them absolutely as well. After that it’s just a matter of putting it all in the div or container that you would like applying the css and adjusting the margin and padding to your specific needs.
Posted in CSS, Javascript.
This script will allow you to simply drop image folders in a gallery directory to create new galleries. Folder Gallery boasts the ability to, define the amount of images per page, define thumbnail sizes, embed video files by simply dropping them in the folder, and customize the look by using standard css. You can also check out Quick Gallery for simplified use.
FREE Flash Gallery
Flash Image Gallery
A Free flash image gallery that allows you to create a slideshow on your website from a folder of images. Easy installation, automatic slide show generation, customizable design and other cool features like support for a Flickr photostream.
Ajax slide-show
Although this album is not generated online, the images and picture info is read from an xml file, while the photo thumbnails are auto generated from your image folder using Photoshop actions that are included in the source. All thats left for you to do once it’s done is upload it to your server.
This photo gallery is an ajax based image gallery where you can drag the photo using your mouse, or simply click anywhere in the stack to quickly jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation! View the fullscreen example.
Auto Flash Gallery. Although this is a paid gallery it is still note worthy.
This is one of the easiest flash image galleries available. Simply upload your full size images to a folder and they will appear in the gallery.
Photo Image Gallery Folder
A simple PHP script for automatically creating a picture gallery from a folder of images. This photo album will automatically list all the images in your directory, and on the fly creates thumbnails and displays them into a simple table. Just put your images in a folder and you are good to go.
Noteworthy:
Flash MP3 Player is a Free application that allows you to play music on your website. Includes easy installation and automatic playlist generation from a folder of music.
Image slideshow from a single directory using jQuery. Script for automatically creating a picture image gallery from a folder. Just upload Photo Gallery Script to a directory with pictures. View Demo:
Simple and FREE, where you can create an Image Gallery from a folder of pictures.
PHP to create an image gallery from a folder. Download
Posted in Javascript, jquery.
Facebook Connect Commenters
Today we will explore how to install Facebook Connect Commenters with Movable Type 4.25 and the Mid Century Template Set, and actually get it to work. You can add Facebook Connect to any Movable Type blog, allowing Facebook users to sign in, comment, and share their actions. Facebook Connect, will automatically display a Facebook commenters name and photo next to their comment while allowing them to easily sign in to comment. The first step is to get and install the latest version of the facebook connect commenters plug in. (note: if you haven’t upgraded Movable type to 4.25 I highly suggest going ahead and upgrading MT as you normally would with the community version that is now availabe at http://www.movabletype.com/download/ and grab the blogger version.)
After the plug in has bee installed you need to navigate to your mt blogs preferences Registration page, check Facebook as a registration method and click setup. This will take you to your mt blogs plugin page where you need to select the facebook connect commenters plugin settings area and “edit facebook app”. This will take you to Facebook where you can sign in and create your app to communicate with Facebook Connect.
Creating the app is very simple. First under the basic tab give your app a name and email click save and than click the connect menu tab on the left side of the page. Once in the connect area you will need to enter the website url of your blog in the Connect URL box. You can also include a logo if you like in this same area.
Once complete save your changes and take note of your Api key and Secret as they will be entered into the Movable Type Facebook Connect Commenters plugin area. The next step is to do just that by entering your Facebook Api key and secret number into the Facebook Connect Commenter settings area and click save. At this point your facebook app is all set up and ready to go.
Now we need to make some template changes. The MT Facebook Connect Commenters plugin comes with a template example that does work but it really depends on your current blogs setup. The templates I will be discussing are for the Mid-century template set but can be adapted for other styles as well. Just be sure to compare templates carefully and make frequent backups. (note: If you haven’t checked out the mid century template set your missing out on some really great movable type features.)
The first template change is to simply add <$MTGreetFacebookCommenters$> to your html head template so that is included in your pages. This will call all of the necessary code to allow facebook connect users to sign in, pull userpic photos and names.
The next template change is a 2 part step and is very important for enabling the facebook commenters userpic to be included. First go to your main entry template and remove
onload="mtEntryOnLoad();"from the body tag as it will conflict with the facebook connect onload tag that is being used. Save your changes and next navigate go to your Comments template module and add this code in script tags.mtAttachEvent("load", mtEntryOnLoad);mtAttachEvent("unload", mtEntryOnUnload);
Without this step you will not be able to pull facebook userpic photos and will instead just get the facebook default user pic which look like a question mark.You can add the code just above your form or at the very bottom. As long as it is not included in the body tag itself but rather inside the body it will not conflict with facebook connects onload action. View my comments template
For our final step we will need to edit the mid century Individual Comments template to include the code for facebook connect commenter userpic photo, link and name. There are a few ways of doing this depending on your blogs setup but in this case we do not need to edit our Userpic module as all the necessary code will be included here. View my Individual Comments Template
Great job, all that’s left to do is publish your blog to view your changes. To see the plug-in in action you can sign in with facebook connect and post a comment.
Movable type Facebook Connect Commenters templates.
Posted in API Code. Tagged with Comments, Facebook, Social API.
No comments