• Home
  • Subscribe RSS
  • Comments RSS
Blue Orange Green Pink Purple

#

NewJack Website - Edit/Delete Blog Posts

Since my last post I have made the blog posts so they can be edited or deleted so I am going to exlain how I have achieved this. I will also briefly go over the gigs page which I have also made into a dynamic php page populated by a MYSQL database.

Delete Blog Post
Firstly, I needed the blog page to display edit and delete buttons on each post but only whilst the admin is logged in. So within the php I wrote the html for the buttons in the blog post loop in blog.php - the pseudo code is basically if user is logged in, display these buttons. I wrapped the buttons in a form so I could use the method="post" attribute to provide information to the php script. The form includes a hidden input type, the value of which contains the $id variable of the post you want to delete. When the delete button is clicked it runs deletepost.php which simply executes an SQL query to delete the record from the table where the id=$id ($id is the variable which holds the id of the post you want to delete).


You can see on the image above that when logged in, there are options to logout, edit or delete in the head of each blog post.


Edit Blog Post
The edit button works in much the same way although the process is slightly different. When clicked, the edit button takes the user to editpost.php which features an html form reminiscent of the blog post form in the admin area. However this form is already filled in with the appropriate content by setting the field values to variables that contain data taken from the blog post you want to edit. This way, the form fields already have the existing blog post content ready for it to be edited by the user. When this form is submited, it then runs edit.php which executes an SQL query to update this particular record in the table with the new data.


In the image above you can see that when the edit button is clicked, it takes the user to the edit blog post page which features a form that is already populated with the existing blog post content ready to be edited.


Gigs Page
I have made the gigs page editable with PHP and MYSQL in exactly the same way as the blog page. The image below shows what the gigs page looks like when the admin is logged in.

The edit and delete options work in exactly the same way as I described for the blog.
The image below is the admin area page which fetaures forms to make a blog post and to add a gig.



Upload a File with Blog Post
The admin has the option to upload a file with their blog post. If they choose to do so, the file is uploaded to the /blogfiles directory and the file name (image.png or audio.mp3) is inserted into the database. Then in the blog post php script, the script reads; if the file name contains 'jpg', 'png', 'gif' or 'jpeg' then wrap it in <"img"> tags. If the file name contains 'mp3' then wrap it in <"a"> tags and show mp3image.png - when this image is clicked it goes to the audio file so it can be listened to.

Read More 0 comments | Posted by Ste edit post

0 comments



Post a Comment
Newer Post Older Post Home

Ste Blog

  • About
      My name's Ste, a Multimedia student at Nottingham Trent University with a keen interest in design, mainly web and print based.

      Portfolio: www.stephengreig.co.uk
  • Followers

    Blog Archive

    • ► 2011 (18)
      • ► May (3)
      • ► April (2)
      • ► March (1)
      • ► February (8)
      • ► January (4)
    • ▼ 2010 (22)
      • ► December (2)
      • ► November (5)
      • ► October (2)
      • ► April (1)
      • ▼ March (4)
        • NewJack Website - Flash MP3 Player with PHP/MYSQL
        • NewJack Website - Edit/Delete Blog Posts
        • NewJack Website Progress - Post a Blog and Login
        • NewJack Website Progress - MySQL and PHP
      • ► February (5)
      • ► January (3)
    • ► 2009 (35)
      • ► December (3)
      • ► November (6)
      • ► October (5)
      • ► May (1)
      • ► April (4)
      • ► March (2)
      • ► February (10)
      • ► January (4)
    • ► 2008 (16)
      • ► December (3)
      • ► November (9)
      • ► October (4)

    Labels

    • 3d (1)
    • 3ds max (4)
    • actionscript (1)
    • adobe flash (4)
    • adobe photoshop (7)
    • alignment (1)
    • Artefacts (15)
    • audiovisual (2)
    • avatar (2)
    • avatars (2)
    • blog template (1)
    • box showcase (2)
    • brainstorm (1)
    • cancer research (1)
    • character design (1)
    • charity (1)
    • Client Project (4)
    • client work (1)
    • compatibility (1)
    • contrast (1)
    • CRAP design (1)
    • creative zen (1)
    • creativity (1)
    • css (8)
    • dan saffer (1)
    • databases (2)
    • design (4)
    • design snack (1)
    • development (1)
    • deviant art (1)
    • digital piracy (2)
    • esearch (1)
    • film (1)
    • football manager (1)
    • game (2)
    • graphic design (1)
    • graphic design website design portfolio (1)
    • greetings card design (1)
    • hereford united (4)
    • hosting (1)
    • ideas (1)
    • identities (17)
    • image (1)
    • interaction design (1)
    • interactive narrative (2)
    • interactive room (5)
    • interactive showcase (5)
    • ipod (1)
    • javascript (6)
    • joel schafer (1)
    • jquery (1)
    • junior bulls (1)
    • layout (1)
    • live4life (1)
    • logo (3)
    • logo design (2)
    • logo moose (1)
    • media publishing (2)
    • mind map (1)
    • modelling (1)
    • moodboard (1)
    • multimedia practitioner (1)
    • music (2)
    • mutt ink (1)
    • my identity (2)
    • mysql (4)
    • newjack (5)
    • news (5)
    • one shot film (1)
    • Online News Business Models (3)
    • personal website (4)
    • photography (1)
    • php (4)
    • pixilation (2)
    • planing (1)
    • portfolio (2)
    • portfolio and design service (1)
    • poster design (1)
    • print design (1)
    • proximity (1)
    • PRP (20)
    • questionnaire (2)
    • radfords (6)
    • repetition (1)
    • research (4)
    • rule of thirds (1)
    • second life (1)
    • shape (1)
    • Simulated client project (2)
    • spp (3)
    • testing (1)
    • the maze (5)
    • the meeting (1)
    • typography (2)
    • web design (11)
    • website design (5)
    • website project (15)
    • website review (1)
    • world cup (1)
    • xhtml (10)
  • Search






    • Home
    • Posts RSS
    • Comments RSS
    • Edit

    © Copyright The Ste Blog. All rights reserved.
    Blog Skins Designed by FTL Wordpress Themes

    Back to Top