Posts by mattster

Code answers require code questions. Simples. Try a bit harder and answer @Broj1.

i know session
but i dont know what it means actually

Well you clearly don't know what it is then, and haven't been bothered to google it like most people.

For someone who is suposedly a web developer with skills in "HTML/CSS/PHP", you seem to lack some fundamental knowledge. Sorry, to make it easier for you: you can't do some very basic things, so you haven't got the skills you claim to have in your sig.

If it works on iPhone 4, it should definitely work on all of the more recent ones...

@Siberian - mind posting a screenshot to see what you mean by not quite collapseing?

I've had a little go, based on what's been said already:

http://jsfiddle.net/2nphygu1/

It's a really basic CSS(3) example, and hasn't got any links or anything attached. Hopefully it's easy to see how this can be expanded on and developed how you wish. Play with it to get it looking how you'd like.

It works by relative positioning, shoving the badge in the top right (float:right), and then positioning it exactly where you'd like it to be (position:relative; top:-8px;...). Then a few margins, colours and a bit of padding to make it look pretty.

Looking at your example, I have used the Font Awesome SVG libary to replace the icon, and used plain text/html for the rest. I think this is faster and more efficient than loading an image, but the same CSS theory applies if you wanted to use an image instead.

Hope this helps!

Agreed with @hericles, mobiles wouldn't bother with a :hover.

Instead, you could use something like this, and intergrate it with what you've done already.

If you wanted the hover for browsers and jQuery for mobiles, all you need to do is do some basic responsive design and merge the examples together.

Agree with @diafol, but personally I'd add this too:

// Turn rewrite engine on

RewriteRule ^(js|css|images|fonts)($|/) - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

// Rewrite rule goes here

Line 2 tells the rewrite rule to search for any files that actually exist, so if you had SITE_ROOT/js/script.jsand looked for http://ww.yoursite.com/js/script.js it would show that JS file. If it can't match the URL with a file on your server, it proceeds to follow whatever rules you've got after it.

Line 3 does the same with directories: if the directory exists, it'll show it, if not, it'll follow your rewrite rules.

Hope that sort of makes sense, but it should solve your problem. One thing is for sure though, .htaccess is the most frustrating thing to work with. Ever.

It is always a good idea to do your styling in a CSS file, as otherwise it clutters up your code (and search engines hate it).

As @edbr says, just adjust the height of the image to squash it a bit thinner.

(I do not want to see the button border).

Is this part of the image? If so, you need to do your image again and remove it. If not, then remove any CSS that might cause this.

This is possible, but you will also have to look into something called Port Forwarding. Normally outsiders can't go anywhere near your stuff, so your broadband prevents this, so you have to turn that off.

What you are essentially doing is giving the world free access to your computers filesystem - EXTREMELY DANGEROUS. Free hosting or very cheap hosting is FAR safer, because even these companies invest a fortune in expensive firewalls (which you simply cannot have). A little bit a year is well worth the world of problems you'll get by doing this.

Take my advice: NEVER do ANYTHING like this UNLESS youre Einstein.

As @deceptikon says, your ability isn't defined by not knowing Linux (in fact not a great deal different with PHP). And it certainly is not the end of the world if you've never used it before.

As a programmer, our job basically is translating. We are the ones who can communicate to computers, telling them what other people want them to do. Computing is such a vast and expansive industry, and every minute a new tool is released that will make your life ten times easier. For that reason (and the fact it always helps a CV), I think it's always useful to experiment with new technologies. It helps you become all rounded, and with different technologies come different techniques you might come across, which will help everything you already know.You might also find something you like loads more than what you're already using, something far simpler and far more powerful.

In a nutshell, there will NEVER be any harm in playing with something new. Linux specifically, I find it easier to develop with in certain languages, a nightmare with others - personal opinion. The only way you'll make an opionion is to go find out!

You mean in the breakpoints? Because that is impossible, you have to define an exact size.

Percentages are okay, as long as they are controlled. Percent widths soon get very difficult when it comes to different devices/screen sizes. Personally, I find it easier to use fixed widths, then I can be sure how it will look on the majority of pages.

To manage percent widths properly, you will need alot more breakpoints to handle different sizes = effort.

Change line 19 to this:

Cufon.replace('h1, h2, h3, h4, h5, h6, .menu_nav ul li a', { fontFamily: 'Vegur', hover: true });

You have to tell cufon which font family to use, then add the options like hover and colour.

Drinking lots of coffee. Went to bed at 11pm, awoken at 1am the mobile phone of my partner. Long story short, son-in-law taken to hospital in ambulance, drove partner over to look after sleeping granddaughter, have been at the kitchen table working since 2am. Boys to get to school in three hours.

Hence the coffee; lots of coffee...

Hope everything is okay now!!

Well you are obviously doing something wrong in your javascript, because somewhere youre trying to find one element 'h1,h2,h3,h4,h5,h6, .menu ul li'.

You cannot find one object using this locator, you need to change it to point to a specific element.

In order to find this we need to see the bits of javascript that have 'h1,h2,h3,h4,h5,h6, .menu ul li' in them.

You can look at this article for some ideas: http://exisweb.net/responsive-table-plugins-and-patterns

You can use CSS3 'breakpoints' to do display:none; on mobiles for certain screen sizes. Additionally, you can have a wrapper div and set overflow:scroll, like this:

// HTML
<div class="table-wrapper">
    <table>
    ...
    </table>
</div>

// CSS
.table-wrapper {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

Here's a jsFiddle. (Code taken from the Bootstrap Project)

There's lots of things you can do, but personally I find this the most multipurpose and easy to use.

Okay good good, feel free to ask if you need any bit of it explained.

The author is a javascipt coder so his javascript is pretty complicated, but the main lines you might want to change are:

submitRequest.done(function(msg)
                    {
                        //success
                        WEBAPP.cache.$form.submit();
                    });

And maybe the messages to suit your design etc...

Okay cool, sounds more like a javascript problem.

Here is another link, to something that appears to do exactly what you want, as a free downloadable tutorial. Here + Demo.

I think the easiest way is to submit the entire form using .post() in jQuery, and check the captcha in a specialist PHP script. If the validation is clear, the jQuery AJAX (that sent the captcha to be checked) then tells the form to submit (or not!).

Hope that makes sense, but it's pretty much what they do in that example. It's tricky javascript, but hopefully you can work from that.

So what exactly is your problem then? I don't get what isn't working for you.

You could take a look at some big CAPTCHAs, like these:

1. https://www.phpcaptcha.org/
2. Are You a Human

Both of these (plus many others) are excellent resources to consider using, and the second one has a plugin for just about any language and lots of major web products.

AJAX can be intergrated fairly easy as well with these two, just create a PHP class as normal to validate the captcha. MAKE SURE that you still validate it post-submission too though!. You'll have to experiment...

I'm a big fan of the mobile view, as I nearly always get article updates by email, go to look at them on my phone and it doesn't work. Especially as things like IPS4 are developing their efforts in responsive design, it's an ever-increasing feature that is only going to become more popular.

Show me something better and I'll consider it.

Maybe we should just open it out properly to anyone who can provide an image concept by the end of January and any good ones get taken on? Maybe even make it into a competition-style event.

Without sarcasm th world would be a very very boring place aha ;)

we should try to avoid feeding them if possible.

Will do, but hopefully still useful to Googlers if they find this one day I guess

Sorry @diafol, didn't read your comment before posting that.

I think this is something you have to set up on your server. You can have some sort of program (maybe in C#, python, perl) that will sit and wait database updates, and then handle sending the emails.

I'm fairly sure you can also use your OS command line to run programs in the background (such as a PHP script) which will run in a similar way. Your PHP will have a function that checks for any changes (using something like a primary key -> is the largest id in the table different to the last time?), and then have another function to deal with the mail if a change is detected:

<?php
/* Script that notices changes in databases, quickly dreamed up by @mattster */
class MailSystem
{
    public $current_id;

    private function __construct()
    {
        $this->current_id = $this->get_id();
    }
    private function get_id()
    {
        $sql = "SELECT `id` FROM `table` ORDER BY `id` DESC LIMIT 1";
        // Connect and run the query here
        return $result_from_your_qry; // i.e. value should be something like "10"
    }
    private function check()
    {
        $key = true;
        while($key){
            if($this->get_id() > $this->current_id())
            {
                $key = false;

                // call the mail handling script
            }
        }
    }
}
$mail = new MailSystem();
$mail->check();
?>

Then have a table with an auto_increment "id" column and use that as a reference point. This is untested code, so it is ONLY to be used to get a rough idea.

But the main point to your question is running a script in the …

You control which elements appear above/below each other by z-index in CSS.

So if you wanted that yellow box on top, add to line 9 above: z-index: 100;. This will put it on top.

I'm struggleing to understand what sort of effect you want from this, because top:600px is very wierd. Do you want it at the top of your page or the bottom?. As you already have a pinned navbar, I suggest placing the names at the bottom. Change that top style to: bottom:0; to sort that.

This works fine in Chrome, only a large portion of the screen is taken up. To solve this, just adjust the padding/font size:

(styles shown here are the ones to change, dont remove anything!)

Line 285:
#home .names {
    padding: 10px 0;
}

Line 291:
#home .names .name, #pages.about .name { 
    margin: 0 50px 10px 0;
    font-size: 20px;
}

Line 313:
#home .names .name.four {
    margin: 0px 0 10px 0;
}

Line 325:
#home .names .chor {
    font-size: 18px;
}

You may wish to consider adding this line too:
section#copyright {
    padding-bottom: 100px;
}

That additional line is to make your copyright show up. You may want to 'unstick' that bar instead, but no where near as easy as adding one line of CSS!

Hope this sort of achieves what youre after!

Have a look at this: http://www.javascriptkit.com/script/script2/jsslide.shtml

Get it up and running, and then change the following lines:

//configure the paths of the images, plus corresponding target links
var currentMonth = (new Date).getMonth() + 1;
if(currentMonth == 10){
    slideshowimages('http://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Logo-ubuntu_cof-orange-hex.svg/100px-Logo-ubuntu_cof-orange-hex.svg.png', 'http://www.how2code.co.uk/wp-content/themes/twentytwelve_child/images/Python_logo_100x100.jpg')
    slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092")
}else if(currentMonth == 11){
    slideshowimages('http://www.javascriptkit.com/script/script2/photo1.jpg', 'http://www.javascriptkit.com/script/script2/photo2.jpg')
    slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092")
}

It's hardly a perfect script, but does what you need. The same method can be used with far more complex plugins, just change the list of images depending on what the month is (although it's more complicated in big sliders).

The danger with background images is that they have to be big enough to support all devices, so they have to be big. This goes against every 'good' web practice with images, as you're always told to reduce the size.

If you really want to use a background image, make it fairly big (at least 1200px wide). Save it in Photoshop with a reasonable amount of quality, but focus on the filesize.

I know they're all from one or two publishers, but here are some good books:

http://shop.oreilly.com/product/0636920032663.do
http://shop.oreilly.com/product/9780596805531.do < Very popular!
http://shop.oreilly.com/product/0636920033141.do < Advanced
http://shop.oreilly.com/product/0636920027065.do
https://www.packtpub.com/all/?search=javascript#

Each book goes over the simple stuff and wizzes into advanced topics like DOM, while solving problems practically. Good reads, but theres an endless list of other publishers that are just as good.

Your code is fine, no problem there.

The reason for this is because your background image is clearly the wrong dimesions to support mobile resolutions. If you'd like me to check to give you a definitive answer, upload/link to your background image.

Most of the time you would use CSS breakpoints.
For instance:

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

To organise things responsively, you need to look at a grid system. Lets say you have two images next to each other, and when you resize to below 320px (portrait mobile) you want the images to be next to each other.

Heres a jsFiddle demo. It's stupidly basic, and if you want to build an entire site on it, look at Bootstrap or PureCSS grids. These projects are fully developed and will handle anything you ever wanted... perfectly.

Depending on your situation, you could use AngularJS.

Okay it's not perfect, but it is backed by the Google development team and is an extremely efficient way of combining client+server side code. It doesn't 'require' PHP as such, but pretty much the same thing. It would be able to do the same thing when handling your 'settings'.

Personally I think it's pretty cool, and there's an example of a simple SQL query with PHP on this page.

https://www.daniweb.com/community-center/geeks-lounge/threads/485640/windows-10-tech-preview

Personally, I'm really not sure about it. Microsoft could be on the verge of another Vista accident...

As for calling it Windows 10 and not 9, I shall link to the YouTube clip again, a) because I think it's funny, b) it sums "Windows 10" up perfectly.

They are a bit away from what the actual end product.

That is putting it dimplomatically.

All I'll say is: thank god that Davy is at last using a framework.

Nice one for taking the advice, and hope that your future in CI goes well. It's amazing to see the difference in the quality of your code, just by using CI. Well done!

Line 34 should be: $query=getenv('QUERY_STRING');

$_POST['name1'] and $_POST['shift'] clearly do not have a value submitted (or they wouldn't return as undefined). As a result, the update query fails along with all succeeding variables.

This highlights serious errors in your code, like you're not even using mysql_real_escape_string(), which is a cringy mistake that can take you to a very dark place. Please run ALL of client-submitted data through proper cleaning and validation.

There are some smaller other things as well, like the open/close in line 28/29 - no need for that. Line 43 is a clear case of something called XSS (cross site scripting). Again, you MUST make sure you check data before doing anything with it, let alone displaying it on the page. Maybe even looking into PHP frameworks if you intend to prodice an application for a client, as no framework would allow such problems.

The error on line 74 is becase $update just equals the text of your query, not actually the result of it. Change line 25/26 to this:

    $update = "UPDATE shifts SET name1='$name1', name2='$name2', name3='$name3', name4='$name4',shift='$shift' WHERE name1 = ".$name1;
    $update = $conn->query($update) or die("Cannot update");

$update will now be set to the result of the query.

Hope this helps.

Personally my favorite is: WOW Slider, but Slippery is also pretty good.

WOW will do everything, plus extras like animations and stuff and comes with tons of different designs and styles tp choose from. Amazing when resized. COOL.

But here are some other examples:

• BxSlider
• FlexSlider

I think I get what you mean, but your question it very poorly worded.

Here is a jsFiddle of a similar button, and some jQuery to change the number of tweets. To change this all you need to do is tweak the jQuery with events, changing the variable and then using the .html() function.

Hopefully thats half what you want?

Then I would still re-upload from scratch, as this should fix that.

Maybe in the renaming process your server has a problem and didn't quite finish it or something. Either way, an upload will DEFINATELY reset everything, and solving your problem.

Well clearly this is something you need to actually think about doing.

Do you know EXACTLY what you want to craete?
You have a lot of components/requirements there. Maybe think about it and divide them down into individual parts. Research it (if you want a forum, google: forums) and make sure you do know what you want and if there are any resources or similar items out there that might be able to help you through the process. Common forum suites (like phpBB) have these moderation filters built in.

Do you want to write it yourself?
If yes, which language do you want to write it in? Something like PHP/ASP.NET, but even then you need skills and patience. Start at one small point and grow it. If anything, get to know the basics of a language, and then maybe move to a framework for producing a proper app clients will use (for safety).

Does it need to be done immediately?
If yes, dont bother. Those who could produce this quickly, wouldn't be asking for help. Those wanting to learn gradually, wouldn't have a time scale.

The point is, you have a lot of things you want doing here. I think you need to sit with good old pen and paper and be sure you know exactly what you want and where you want to start.

i don't know how i can allow my client to create news pages in that panel if i do it.

I agree with @gabrielcastillo, a framework is the SAFEST and MOST EFFICIENT way to accomplish this, and to be honest they're fairly easy to learn.

IF you really wanted to do this yourself, start by creating a form. On this form use TinyMCE, take the value of this textbox, and through PHP enter the value of this textbox into the database (use the MySQL TEXT datatype for your column). There is no need to insert an entire page, just the content you need.
All you have to do is draw this record out of the database using PHP and spit it onto the page.

So there, a quick roundup of how to store larger elements of content in a database. It's the same way that WordPress does it.

Hope this helps!

Well have you checked to make sure the rest of your markup is like mine in the fiddle. Because the rest of your HTML that you've provided is legitimate (as proved by the fiddle).

I cant see any other reason why it shouldn't show up. What does "View Source" or "Developer tools" show?

Agreed with @diafol. Things like this can sometimes be a bit too pretty, and begin to weigh everything else down. But if you want to try this idea then lots of other websites do it so fair enough.

Taking that into account, I've made a rubblish little jsFiddle. You can sort out the design and branding, but at least it works and will close with a sassy animation when you click the link. I've done it as a function so you can incorporate it after the data has been submitted. It also uses a media query to only display on slightly larger devices (so you may need to resize the fiddle to see it).

I have never used weebly, so haven't a clue how easy something like this is to implament. The fact its a free website generator (unadviseable) suggests it could be difficult. What will definately be even more of a nightmare is getting the data to actually submit, be processed into a database, and then be exported as a CSV (something excel will handle).

It strikes the question: is it really worth it? Surely there are pre-built packages that will be a damn site easier to use?

Codeigniter is a great framework and is very friendly. I would recommend starting off on codeigniter than cakePHP if you are just getting into php frameworks.

Thanks for the advice, but I've recently been tapping away at CakePHP, and it's working a treat (it has a pretty cool name too aha ;P).

There have been several moments of going "Really? Is that it?" when trying to get things working.

I am about to present my first CakePHP app to a client, so has been very successful.

Thanks to @Dani, @diafol and @gabrielcastillo for your replies.

Have a look at this.

You could use that to adjust the size of your image after it has been saved. It seems relatively easy to handle, and also provides support for PNGs with transparency.

Is it too much of aproblem to resize it with CSS?

Sorry but I need to get my head around this:

@jresponse - why have you created another fiddle, that is a million times more complicated to handle? Using bind methods here is very confusing, so god knows how a newbie will understand (no offence @cmsc). The fact that no one can understand it or what it is trying to achieve is not helpful. At all.

I do completely and utterly agree with this however:

It is not at all clear why you got timeouts involved here.

@cmsc - is this homework or something? Because I'm struggling to know why you're using timeouts. There really is no need to bother with timeouts with this sort of thing, as it's not what the function is meant to be used as. Really it's meant to time functions to be executed, say 5 seconds after page load call function loadMessage().

At least both me and @jresponse are both agreed that the solution to your problem lies in javascript functions, and definately not timing events.

I see one way to do this (and someone else might have another idea):

I would create a table that logs the user, the score and the date. Then you can do lots of queries to locate what users scored on certain days, providing a very accurate reading to what they've achieved and when.

To locate what user "1" scored on the 10th October, you'd so an SQL query like:

SELECT `score` FROM `ScoresTBL` WHERE `user_id` = 1 AND `date` LIKE '2014-10-09%'

NB: Assumes date is the MySQL date format (YYYY-MM-DD HH:MM:SS)

This to me is simple enough and should be a step on the right lines, but could be fairly intensive on the database and maybe could be refined.

Hi,

I've tried to replicate what you want, but instead using a little function instead of setTimeout(). setTimeout() isn't really meant for this sort of thing, whereas my little function will produce hopefully the same result, but maybe slightly better practice.

Take a look at the example to see what you think: jsFiddle.

Sorry, my magical powers are a bit cloudy this morning, can't seem to guess whats not working for you for some reason...

Show your error messages and actually tell us what isn't working!!!

I'm sorry to be inpatient, but come on that is absolutely rediculous.

I had this problem when testing on localhost once...

The thing was, is that my xampp server didn't have a functioning mail server (SMTP). Unfortunately, you need to upload your script to a functioning server with SMTP installed/working (if I were you I'd just create a test/ directory on your webserver).

I believe it's possible to get SMTP working on XAMPP using this and theres a ZIP download to try out. I've never used this though so haave no idea how good it is.

In a nutshell: create a test/ directory on your webserver and test your scipt there.

Just saying, it's very unhelpful when people don't actually post a problem, but hey ho...

I can instantly see one error in your code however, and you are closing one to many <div> tags around line 13-14. So just remove one of those lines and you should be fine.

jsFiddle to show my attemped mockup at what you've done (with php variables substituted).

If I ran batch script on the client machine

I totally agree with @difol! How dangerous it would be if you could run a batch script on a client machine! I'm sure this is definitely out of the question, as it's EXTREMELY unethical for websites to run programs on client systems, even on internal websites. Normally a system administrator for the network could handle this by manually programming a pure batch file (which could be done).

The only real way of saving/accessing data client side is by using cookies, which can be set to stay put for a good length of time and can hold a reasonable amount of data. But I think this could be difficult in your case.

In any sort of network I've seen, the administrators would just run command-line scripts over the network, and use network based tools to handle this. Correct me if I'm mistaken, but I don't think there's a way to do this in web-based languages.

You need to use $('input#checkbox1').click() and apply a function to that.

I've done a mini mockup on jsFiddle, but for reference here is the code explained:

// When checkbox clicked
$('input#checkbox1').click( function(){

    // If has been checked or unckecked
    if ($('input#checkbox1').is(':checked')) {

        // Smoothly animate the div in
        $( ".select" ).slideDown( "slow" );
    } else {

        // Smoothly animate the div away
        $( ".select" ).slideUp( "slow" );
    }
});

Can we save whole page in cache and reload it again?

For reference, yes this can, but not using Javascript. You you want to venture into server side languages, such as PHP, then this is easily done.

Caching is a method of storing the output code to be used seperately from the 'engines' that generate it, so therefore it doesn't have to be generated each time (speeding things up). However this is for the entire page.

my case this each of tabs is containing much data

If this is the case, then you could try something like AJAX to load the content. Therefore only the tab(s) you want to look at are loaded, reducing the download time/bandwidth etc. In your situation, you could build on this if you have a lot of content.

It would be a good idea to save the tab/page in a cookie (as mentioned by @Airshow), and then use this to reload the page selecting the correct content using AJAX/jQuery .load().

Hopefully I've made that slightly clear to you without rambling on, but try to save the tab name in a cookie, and then read this to locate the content using jQuery $.load().

I use pure PHP.

Mangled in with HTML. I completely agree with @iamthwee, your future projects would seriously benefit from some sort of framework.

IF you are doing this for someone else, it's in the worlds interests that your script will be safe (for clients and visitors alike), and by having such massive security holes is just asking for it.

CodeIgniter (or any other framework) will take so little time to learn, but the lives it saves through protecting code and maximising efficiency. If I were you, it's not just for ease of coding we're suggesting this, but for serious practical reasons as well.

You need to call the methods in javascript.
Use: $('#your_id').popover() or $('.popover').popover() and apply the .popover class to all of your popovers.

Here's a jsFiddle to demonstrate. Just change the MyPopover and MyTooltop to whatever you want.

The thing is, is that they don't actually make it real clear you need to do this, so I blame Bootsrap docs aha.