jQuery-Modal-Popup-Example-Post-Image

jQuery UI Modal Popup Focus

I am working on a part working prototype where I use a jQuery Modal popup that utilises ajax calls for some administration functions based around a content management system. For the above demo I used a repeater with page size of 40 and populated it with dummy data created through a for loop. Add onClick event to the link I went down the quick route of hooking up the edit button to display the modal that would then call an ajax method that returns the post information. 1: <asp:Repeater ID=”rptItems” runat=”server”> 2: <HeaderTemplate> 3: <div class=”row”> 4: <div class=”span3″>Options</div> 5: <div class=”span3″>Title</div> 6: <div class=”span3″>Created</div> 7: <div class=”span3″>Description</div> 8: </div> […]

Continue reading…

Using jQuery to tidy up missing Images Part 3

This is the last post in the series of using jQuery to tidy up missing Images.  Previously we’ve seen how to replace the missing images with an image of our choice and then we allowed users to report missing images.  For this final post I’m showing the user a summary box that shows all images that are missing. I have stuck with the images being replaced and as you can see the summary box on the bottom left.  Clicking the report link: As you see the above shows the output in JSON from clicking the appropriate link.  The JSON could be passed back to the server for processing.  I am […]

Continue reading…

Using jQuery to tidy up missing Images Part 2

I mentioned in my previous post “Using jQuery to tidy up missing Images” that I had a couple of ideas on how we could take this simple implementation further. Well here is 1 of those ideas. Allowing users to report missing images First off I have re-factored the code so it looks alot nicer and well saves me repeating code where it’s not needed.  I have added in a function that adds a span on top of the missing photograph like so: When a user clicks anywhere on the photograph a function is called and in this case an alert showing what image is missing. For a demo and full […]

Continue reading…

Using jQuery to tidy up missing Images

I’m working on a page that pulls photo’s from a file share on a server by the format of “firstname-lastname-dept.png”. Now 9 times out of 10 this works fine but on the odd occasion an image doesn’t exist.  Now I could do it via c# in code behind to check it exists or I could do it via jQuery.  For this post I am going to do it with jQuery as we could really build upon this post quite easily. Before we capture the missing Images I’ve created a simple page with BootStrap and get the following: As you can see 2 of the images aren’t found and the alt […]

Continue reading…

Customise Subtext Core Pages – Part 1

I have about 23 posts sitting in drafts in relation to my subtext skin bonanza. It takes a while to go through each skin, test it, write it up and package it up so please bare with me. I do plan on catching up soon. I wanted to take time out from subtext themes for a moment and go over a topic that I think will be of some use to such webmasters that use subtext on a multi-blog platform. Customising Subtext core pages. What pages am I talking about here? In this part I am going to cover pages that are visible to non-authenticated users: Login Page jQuery UI […]

Continue reading…

Using jQuery/css to make your radio button lists look good

This post was influenced by some prototypes I have been building over the last couple of weeks. Radio button lists used correctly are a fantastic way to get information from your users. Boring Radio Button List One problem with radio button lists is that no matter how you present them either in a list format going up and down or horizontal they look boring. Good looking Radio Button List I was thinking of a way to make the above a little bit more exciting and make it more interesting to the end user.  I decided to make it more graphic this is where jQuery goodness and a dab of css […]

Continue reading…