Web Design Forum: mikejonesey - Viewing Profile - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting

mikejonesey's Profile User Rating: *****

mikejonesey's Photo
Reputation: 0 Neutral
Group:
Members
Active Posts:
352 (0.25 per day)
Joined:
30-June 08
Profile Views:
4,051
Last Active:
User is offline Jul 26 2011 06:26 PM
Currently:
Offline

My Information

Member Title:
Advanced Member
Age:
102 years old
Birthday:
December 15, 1909
Gender:
Not Telling Not Telling
Location:
Brighton, UK

Contact Information

E-mail:
Private

Users Experience

Experience:
Web Guru
Area of Expertise:
Designer/Coder
  1. Recent Status Updates
  2. About Me
  3. Topics
  4. Posts
  5. Blog
  6. Gallery
  7. Awards
  8. Files

Posts I've Made

  1. In Topic: js / jquery slide bar

    26 July 2011 - 06:26 PM

    View PostMarzImator, on 26 July 2011 - 04:08 PM, said:

    Hi guys,

    I am using a query slide bar in a site I am working on. I am able to make the bar slide up and appear by using a click function. However I can not figure out how to make it click and disappear? To be honest I do not even know if I am doing it the right way? it has been more of a trail and error thing for me.

    So below is the script:

    $(document).ready(function(){
    //To switch directions up/down and left/right just place a "-" in front of the top/left attribute

    //Caption Sliding (Partially Hidden to Visible)
    $('.boxgrid.captionMain').click(function(){
    $(".cover", this).stop().animate({top:'280px'},{queue:false,du ration:750});
    }, function() {
    $(".cover", this).stop().animate({top:'530px'},{queue:false,du ration:750});
    });
    });

    note: If I change the .click function to hover, it goes up and down perfectly. I just want it to go up down with a click instead of a hover.

    Thanks in advance



    probably make your life easyer to use the jquery functions hide and show if you actually want to make it visible/hidden, these can be customised too, in your customisations i'd recomment you animate based on padding or margin instead of top. :)

    also when doing these sorts you tend to replace the control on animation...

    try summin like this if you wish to carry on with same method...;

    $('.boxgrid.captionMain').click(
    function()
    {
        if(this.hasClass("open")){
            //close
            $(".cover", this).stop().animate({top:'280px'},{queue:false,du ration:750});
        }else {
            //open
            $(".cover", this).stop().animate({top:'530px'},{queue:false,du ration:750});
        }
        thsi.toggleClass("open");
    )};
});

  2. In Topic: php contact problem help!

    12 July 2011 - 01:55 AM

    try a quick n simple test;

    <?php
    mail ("test@toexample.com","test subject","test message","From: bill.gates@hotmail.com\r\nX-Mailer: php");
    ?>