HTML Snippet and Kryogenix SortTable

Kryogenix has a great piece of Javascript code that will sort tables on screen by clicking the column heading. You can see it here.
http://kryogenix.org/code/browser/sorttable/
Does anyone know how to actually use that JavaScript code in iWeb using the 'HTML Snippet' feature?

It's spelled out for you on the page you linked to.
Not very difficult at all if you take the time to read the page.
I was hoping I could avoid that!
Honestly? It's naive to think that you can receive a custom feature without obtaining the knowledge to implement it. Somethings require a little bit of effort on the users' end. This is one of those things.
If you don't want to learn code then simply create page 1 sorted 1 way and page 2 sorted the other way then link the head of page 1 to page 2 to create a "fake" sortable table similar to the NBA example you originally linked to. The NBA example is using MySQL and sorts the column based on a URL parameter to change the order by parameter in MySQL.
I thought you were going the jQuery route anyway...

Similar Messages

IWeb, HTML Snippet, and MySQL via GoDaddy (db already built)

I have a site (zigcodes.info) that is hosted by GoDaddy. I built the site using iWeb. No complaints there. I have a MySQL database and table built to store codes added by users. There is also one called "hit list" on another page, but I haven't finished coding it. I need to solve this problem before I can finish that page. So far, I've successfully linked my submit forms to the database. When a user adds a code, it does indeed populate into the database (hooray for small miracles).
Of course, doing this dumps the user onto a blank white page, but I think I can fix that with a redirect at the end of the php file used by the form. My problem comes in when I try to display the codes in the database on my page. I know how to query the db using SELECT * FROM, but I can't figure out what to do with the data after that.
I'm having a heck of a time getting the HTML Snippet widget correct in iWeb. I've seen suggestions that are all over the place, but can't seem to get any to work. I'm told that <iframe> may be a viable solution, but I am at a loss as to how. Honestly, my site is very simple and I don't need fancy functionality. All I need is a list, in table form would be nice but really not necessary, of the 30 names/codes most recently added to the db by users of my site. I can get the echo command to print headers for my data, but not the data itself.
Will <iframe> work, and if so, how? If not, what's my best bet? Should I go with a table in the HTML Snippet widget, with tags like <? echo "$code"; ?> inserted into my<td></td> content? Or, would it be best to use the <script src="activecodes.php"></script> solution with an external php file? Or am I way off on all of these? I do know that iWeb won't do it for me with it's own magic, but it seems like there should still be a way to add code into the HTML Snippet widget and display the db data on the iWeb designed page. Help?

Yeah, the code you suggested isn't live now because I always remove changes to my code that affect no change. It makes for a cleaner build later. Here are some variations of your sugestion that I tried:
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
</form>
</div>
AND
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
</form>
</div>
AND
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
<br />
<input type="submit" value="Add it!" />
</form>
</div>
I even tried this because I saw other people suggesting it in similar forums:
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
<input type="hidden" name="redirect" value="http://www.zigcodes.info/" />
</form>
</div>
All of the above produce the exact same, unwanted result: a blank white screen with the URL of my .php file (the one that handles the form post).

Having trouble with html snippets and movies in iweb 09

Hi I have built a site iweb2.0.4 and recently moved it onto my new machine with iweb 09 on. Basically I have been putting in videos that I have exported for web out of Quicktime. In the past I have simply added an html snippet code like this in <iframe src="http://evileducation.org/stammuraifinalcomp/ReadMe.html" style="width: 340px; height: 285px"; scrolling="no" controller="true" frameborder="0"></iframe>
I edit the ReadMe.html based on a tutorial I saw and it loads the movie after pressing the "Click to play" button. Now in 09 when I put the code in to the snippet it just shows a Quicktime symbol with a question mark. if you check the link below you can see the videos with the best I have managed to do so far which is get the new movies on but they both autoplay (I have linked in this instance to the 4kb .mov in each folder rather than the readme.html.). I don't want to just drag a video in I would like the options to view on phone or on computer etc and not for them to autoplay. Is there a new/ different way to do this now. Surely it shouldn't be this hard to get the export for web in Quicktime and iWeb to work together? The frustrating thing is if you check the link below the old movies work fine still it's just the 2 new ones. Soz for the long one!
http://evileducation.org/eviltwin_education_2010/movies_made_by_youngpeople.html

Less cryptic :
MAKE THE TWO MOVIES THE SAME AS THE OTHER EIGHT.
Here are some pages for your convenience you can study and nim :
http://www.wyodor.net/iFrame/
http://www.wyodor.net/MoreEmbed/
[Using the iWeb HTML Snippet|http://www.wyodor.net/blog/archives/2009/07/entry_213.html]
http://www.apple.com/quicktime/pro/tutorials.html
You may have to learn HTML/CSS/JavaScript.
for the young people with disabilities that made
Keep the emotions out of the equation.

IWeb HTML Snippets and Firefox

Hey all
I'm using iweb to make a website and i'm using the HTML snippet to embed a .php page on my site
Here is the code im using -
<HTML><EMBED
SRC="http://www.acusis.co.uk/v2/gigcurrent.php"
HEIGHT=400 WIDTH=629></HTML>
This displays fine in safari but in firefox it says missing plugin, and then has no idea what the plugin it needs is???
Any ideas????

marcbernard wrote:
Hey all
I'm using iweb to make a website and i'm using the HTML snippet to embed a .php page on my site
Here is the code im using -
<HTML><EMBED
SRC="http://www.acusis.co.uk/v2/gigcurrent.php"
HEIGHT=400 WIDTH=629></HTML>
This displays fine in safari but in firefox it says missing plugin, and then has no idea what the plugin it needs is???
Any ideas????
Try to remove the html tag.

HTML Snippets and Opening in New Window?

Hello,
New to iWeb and this forum. Have been developing a site and I have been using an html snippet on one page. I would like to have that page open in a new window, therefore, I would like the link to that page to open the window. I know about the "check box" when creating links that makes this happen. However, as this is in the navigational menu on the top of the page, there isn't an option for this in iWeb.
Can you help please? Thanks in advance.

Koeklin,
Thanks for the reply. I was trying to do this a different way, and I'm sorry if I haven't expressed myself clearly.
I have been using Blogspot for a company blog. I wanted to incorporate this blog into my iweb site. However, I don't want to lose what I have already done in Blogspot (can this easily be transferred? I don't know).
So what I was doing was this...
I have on my site a page labeled "blog." When this link is clicked, I show, via html snippet, the blog from Blogspot, but because of how the snippet shows on my page, it does not show the menu at the top of the Blogspot page (which is what I would like). I'm trying to make the blogspot blog appear to be an original part of my site, even though it isn't. I was hoping to have this blog page open in a new window with the Blogspot blog present on my blog page. I'm pretty sure everyone is confused by now...
Or, maybe to make things easier, is there a way to incorporate a "back" button on this page to go back to the site?
I'm sorry if this is confusing....

Html snippets and unknown error when publishing - the mystery deepens

Can anyone make sense of this?
I have been using iWeb for a year or so. Personal site with added extra goodies like widgets using iweb more.
Upgraded to iWeb 08 with a few formatting problems (which I chose to ignore for now) - after version 2.01 I replaced my iweb more extras with the new html snippet thingy and everything was fine - although I still didn't get around to sorting the formatting issues.
Now we are at 2.02 I decided to use one of the new themes and so I created a new page using golden rod and merrily cut and paste from the existing page. I was loathe to delete the old page until I knew the new one was fine - my plan was then to do a bit of page renaming and voila a newly themed home page. Anyway what I got was;
Unknown error - when the new page was being created.
Ok - deleted the offending page - site now publishes fine -so we know this isn't .mac.
Now I decided to build the new page a bit at a time to see what was causing the problem.
It turns out to be a html snippet (which works fine on my home page still);
div style="text-align:center"
a href="http://outcampaign.org/"
img border="0" alt="image" width="143" src="http://pharyngula.org/images/scarlet_A.png" height="122"/
/a
(I have broken the tags by removing the 's so you can see the text itself)
When I added this to an HTML snippet the unknown error returned.
Now I have deleted it and I still get the unknown error for that page.
So this is definitely an iWeb problem and not a .mac problem.
Any ideas?
Home page;
http://web.mac.com/theedonfamily/Site/Home.html

why do you use the snippet to actually add the thing? you can just place the image directly into iweb and then activate it as a link. (there are some errors in the script as well!)
if you want to use the snippet way, then id just change the code a bit:
+⊗p style="text-align: center;"⊗+
+⊗a href="http://outcampaign.org/"⊗+
+⊗img style="border: none;" alt="Image" width="143" src="http://pharyngula.org/images/scarlet_A.png" height="122" /⊗+
⊗/a⊗
⊗/p⊗
replace every ⊗ with either < or >.
max

WEB WIDGET - HTML SNIPPET how to post myspace music in iWeb

i'm making a site for a band. i'm using the *web widget- html snippet* to insert the myspace player from a band. the bands site is http://www.myspace.com/mod39lone.
this is the code i'm putting in :
<embed src="http://lads.myspace.com/music/musicplayer.swf?n=aHR0cDovL211c2ljLm15c3BhY2 UuY29t&t=wz7NYVvdN1sD5sZn5jwqhteIJEBAWtU7cGxSvblOZr59VYuvhFOEuaUs29mG1lCNKsOUiB4 00Vl6iAOogScxHQ==&u=LTE=&a=0&d=MTc4MzA0MTgxXjExODc3NDE1MjU=" quality=high bgcolor=#FFFFFF width="450" height="345" name="mp3player" align=""type="application/x-shockwave-flash" FlashVars="culture=nl-NL"pluginspage="http://www.macromedia.com/go/getflashplay er"> </embed>
when i'm editing iWeb, the player shows up and plays the music and everything is fine! but when i publish the site, it says "Movie not loaded" when you click on it.
the site i'm currently working on is still being worked on, but i made an extra page to show whoever could help me. the link is:
http://web.me.com/henreegee/IamTokyo/Blank.html

That method can be done using iFrame code in an HTML snippet. You need to upload the Family Matters - Computer.m4v file to your server and link to it there via an HTML snippet and iFrame code. An example is in this demo page along with the code: QT movies via iFrame.
There are other ways to add the movie (the full one Family Matters - Computer.m4v.
One is to upload the file to your server and linking to it as shown in this demo page: Opening Item in a New, Precisely Sized Window.
The method you posted is explained in this tutorial: Old Toad's Tutorial #18 - Adding Movie/Video File to iWeb Page via Export for Web in Quicktime Player. To see the edits click on the buttons in steps 5a and 5b.
OT

Why won't my html snippets appear in any browser?

My website is created in iWeb 3.0.4. My server is Machighway and I upload via FTP using Cyberduck.
The problem I have been having, even on my old server before I transfered to Machighway is when I add any HTML snippet into my page, it works just fine in iWeb, but when I publish, there is just a blank space where the widget should be. I have tried viewing the site in Safari and Firefox.
I have opened iWeb and taken a screenshot to show you the twitter widget:
Now here is how it looks in Safari after publish:
I have tried different html snippets, and I have the same problem with all of them. I have asked Machighway and they said they can't help me because it's a coding problem.
Can anyone shed any light on this? Thanks!

Oh, I see, you do not want the Sitename in the URL?
Read this :
     The concept of iWeb Sites
A Site, which is just a folder, is a convenient way to organize your pages based on topic, subject or whatever you choose to keep relevant pages together. I’ve been doing that for the past 17 years, and I find it rather natural.
But since iWeb is doing it, it seems to confuse & frustrate people. iWeb shouldn’t do it, they say. As if there is a law that demands it.
To avoid the Sitename in the URL, read my solution. It's very technical but in the end it saves time. And best of all, iWeb is not involved :
     Avoiding the iWeb Sitename in the URL
An easier, time-wasting, solution is to publish to a folder on your desktop.
Open that Site folder and move the content of that folder to the root of the webserver with a FTP application.
(The root of a webserver is where the file or folder, shown immediately to the righthand side of the domainname, is stored.)
Everytime you make changes to a page, you have to repeat these steps.
But the result is what you want.
And here's a re-post with some additional info about using an index.php file to avoid overwriting the index.html file iWeb creates :
    Avoiding the iWeb Sitename in the URL
Works on all servers. With or without a subdomain I may add. Like this one :
     http://wyodor.byethost8.com/htdocs/index.html
Not as easy as publishing to a folder, but in the end it saves time. Again.
See this post that explained the link above :
Re: iWeb keeps populating a site name at the end of my url. Causing error.

How to send an html snippet with swf flash under other layers in iWeb?

I like designing websites on iweb but face problems regarding flash.
When i embedd a swf in an HTML snippet...the snippet automatically postions itself at the topmost layer. Even if you send it behind lets say a box or any shape, or a link ..on publishing it , it comes right back up when seen on other browsers like firefox or chrome. But strangely on my mac browser - safari- it works just fine.
Links in a flash swf banner when placed in iWeb (inside an html snippet ) opens other linked pages within the frame of the html snippet itself...and not as a seperate page.
I'm not a programmer so i wouldnt understand complicated stuff... but i knw how to copy paste codes inside a snippet and edit the sizes.
I need help fast?
Thanks in Advance!!
Anshuman

When i embedd a swf in an HTML snippet...the snippet automatically postions itself at the topmost layer. Even if you send it behind lets say a box or any shape, or a link ..on publishing it , it comes right back up when seen on other browsers like firefox or chrome. But strangely on my mac browser - safari- it works just fine.
That's how browsers behave.
Links in a flash swf banner when placed in iWeb (inside an html snippet ) opens other linked pages within the frame of the html snippet itself...and not as a seperate page.
Use the target attribute : target="_top" or target="_blank" in the <a href> element.
I'm not a programmer so i wouldnt understand complicated stuff... but i knw how to copy paste codes inside a snippet and edit the sizes.
Pasting custom code in a HTML Snippet and make it work is your responsibility. And if you're not a programmer, start learning and become one. Before you know you're the resident technology expert in this forum.

Java Slideshow via HTML Snippet?

I've created a basic slideshow in XatShow, when it outputs, it creates a folder with the following files;
show1.html
xatshowApplet.jar
and 20 .jpg files (the images).
I've copied the contents of the html file, and tried to paste them into the window of an HTML snippet, and the result is a spinning beachball. Force quit says iWeb is not responding.
Between the two lines is the html file contents I've tried to paste:
<applet archive="xatshowApplet.jar" codebase="." code="xatshowApplet.class" width="520" height="340">
<param name="time" value="6000">
<param name="transitiontime" value="3000">
<param name="transition" value="8">
<param name="color" value="16777215">
<param name="order" value="0">
<param name="i0" value="06.jpg">
<param name="i1" value="04.jpg">
<param name="i2" value="02.jpg">
<param name="i3" value="15.jpg">
<param name="i4" value="07.jpg">
<param name="i5" value="13.jpg">
<param name="i6" value="19.jpg">
<param name="i7" value="03.jpg">
<param name="i8" value="16.jpg">
<param name="i9" value="12.jpg">
<param name="i10" value="05.jpg">
<param name="i11" value="14.jpg">
<param name="i12" value="01.jpg">
<param name="i13" value="20.jpg">
<param name="i14" value="11.jpg">
<param name="i15" value="08.jpg">
<param name="i16" value="10.jpg">
Sorry, Java is disabled or not installed. xatshowApplet web slideshow cannot start.
</applet>
Any way I can get this in there??
Thanks,
Chris

See this post :
http://discussions.apple.com/thread.jspa?messageID=12028101&#12028101

Problem Creating an Image Link within an html snippet?

Hi,
For some reason I have been unable to link to an image on my Mac by using <img src within an html snippet.
I have uploaded the photo to my server and created a link with <img src "http://www.domain.com/image.jpg" />.
However, when I try linking to the image like this - <img src "Users:Documents:Photos:image.jpg" />, when I click apply on the html snippet all I get is a blue dot with a question mark and I have checked that the image is in my Documents and then Photos folder and it is. When I link to it with the server the photo shows.
Any ideas as to what I am doing wrong?
I would appreciate some help, as I have tried various combinations to link and nothing seems to be working except linking directly from my server and I don't really want to do this at the moment.
Thanks

Thanks for that and I did use correct syntax in the html snippet - it was a typo here.
I did as you suggested and dragged the photo into the Safari browser, after placing the photo on the desktop and it gave me the file name and that showed as file:///Users/My username/Desktop/Image.jpg, so I tried this in my html snippet and did it as so:
It is still not working for some reason and when I click apply, the photo shows up as a blue square with a question mark in it, although I know the photo is there.
Why is this? I followed the path, yet when I link to the photo on the server with it works perfectly everytime.
Thanks

HTML Snippet placement

Hello. Every time I add an embedded video using html snippet option to iWeb and I publish later, the video is not exactly in the right spot I placed it.
Any help is appreciated.

The page you link to is a blog page, right? Not sure, I haven't created a blog page to experiment with but the fact that it is a blog page and you're near the footer may be part of the problem. I'm only guessing here but try putting an empty text box below the video to push the footer down and leave the video up closer to the bottom of the text box above it.
On another note: You video page has way too many videos for reasonable use. There won't be an Internet Explorer user who will be able to load the page. It took me a very long time to load and I have nearly 20MB/sec download capability.
There are ways you can add that many videos to a page and not have any of them load until the play button is selected. This demo page shows one method: Opening Item in a New, Precisely Sized Window. An additional benefit to the method is that the videos do not have to be uploaded every time that page is edited and published. This demo page has 9 videos added with the method: PhotoPresenter Animated Slideshow Themes.
There are other ways, like uploading the videos to Vimeo or YouTube and adding them to a page via HTML snippets and the code provided by the video hosting site. This demo page has several such videos with the Vimeo hosted video at the bottom: Adding YouTube & Vimeo Videos.
OT

IWeb 09 java html snippet crash

Hi.
I'm trying to add a java irc (pjirc) applet as an HTML snippet, and everytime I do, iweb 09 freezes with a swirling beach ball, and makes me force quit it.
Any idea how to fix this? Has anyone else had luck with a java irc client in iWeb?
Thanks!

Launch the Console (in the Applications/Utilities folder) and see what messages are recorded when it crashes. I could be that that particular applet is not compatible with iWeb. Cyclosaurus would know if it was or not.
OT

Iweb html snippet

Hi, since I have updated to ilife 09 my html snippet and Youtube will not show on my site.
Use to work fine before!! Any hint?? Thanks

Welcome to the Apple Discussions. You might have to delete that widget and recreate it. What's the URL of your site so we can examine the page first hand?
OT

IWeb routing back from html snippet code

I have created my site in my local folder (sites/site). In the site I use a HTML snippet in which I pasted HTML code from JotForm in order to have a contact form. This worked fine. Then I published to web.me.com... and now every time I hit the submit button (HTML code) the routine runs perfect and an email is submitted to me but I don't come back to the site but get an error code: The requested URL /users/maartenlamers/sites/site/startpage.html was not found on this server. It seems that the routing pointer is set wrong... and I found no way of correcting this... Any suggestions are welcome...

I believe that JotForm allows you to get your visitors to return to a page of your site do they not? If so, then to correct this you need to go back to JotForm and alter the settings there. You created the form there, so you need to make alterations there. It's not an iWeb issue - all you did was enter the code into an html snippet.
Also, your url is not a correct url so of course it won't be found. Any url needs to start with http://web.me.com/users/maartenlamers/sites/site/startpage.html. If you leave out the web.me.com, then it won't find anything that is published because you have in fact missed out where the site is published, being web.me.com.
Go back to JotForm and alter it there and then re-enter the code into an html snippet and you should find that it will work.

HTML Snippet and Kryogenix SortTable

Similar Messages

Maybe you are looking for