ELATED: All Forums http://www.elated.com/ ELATED.com Webmaster Forums: Free Help with HTML, CSS, JavaScript, PHP and Photoshop from ELATED.com en-us Wed, 16 May 2012 12:56:15 GMT Wed, 16 May 2012 12:56:15 GMT http://blogs.law.harvard.edu/tech/rss ELATED.com feeder Re: [Website Marketing] Reasons for description not showing up in search http://www.elated.com/forums/topic/5486/#post22802 From: TruthConquers


Ok but for instance when I type in "shinymanstudio.co.za".

I get this;

Title
url
Description.

For another site, I have used the meta tags and when I type in the site "yourdomain.org" (index page)

I get this;

url.

Now for other pages like "About Us" ect, it shows up the Title and Description.

The site is fairly new, should I wait a month or two and then if the problem persists try something else ? It is just bizarre that it crawls the rest of the pages fine, but the index page comes up as a plain url, which is not very helpful.

View » | Reply »

]]> Tue, 15 May 2012 11:46:29 GMT http://www.elated.com/forums/topic/5486#post22802 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22801 From: Farmman64


Dear Matt.

First off let me thank you for your wonderful, concise and clear method of teaching. I am currently studying Networking and Administration at university and wanted to branch off and learn some PHP. I will defiantly be sharing your website around.

Following on from http://www.elated.com/forums/topic/5114/#post20643 I have pieced together a similar method to upload images in the editArticle.php however it appears that once I insert


Code:
--------------------
$st->bindValue( ":imageId", $this->imageId, PDO::PARAM_STR );
--------------------


Into the function () Insert and update, the entire article refuses to save to the database, and transfers me back to listArticles.php admin page without saving.

Article Class

ImageId is defined as


Code:
--------------------
  	public $imageId = null;
--------------------


In __construct, imageId is as follows


Code:
--------------------
	if ( isset( $_FILES['imageId']['tmp_name'])) $this->imageId = $data['imageId'];
--------------------


In the function insert () and update ()



Code:
--------------------
	$st->bindValue( ":imageId", $this->imageId, PDO::PARAM_STR );
if ((($_FILES["imageId"]["type"] == "image/gif")
|| ($_FILES["imageId"]["type"] == "image/jpeg")
|| ($_FILES["imageId"]["type"] == "image/pjpeg"))
&& ($_FILES["imageId"]["size"] < 500000))
   {
	 if (file_exists("articleImageLocation" . $_FILES["imageId"]["tmp_name"]))
      {
      echo $_FILES["imageId"]["tmp_name"] . " already exists. ";
      }
    else
      {
      move_uploaded_file($_FILES["imageId"]["tmp_name"], "articleImageLocation" . $_FILES["imageId"]["tmp_name"]);
      }

--------------------


I have a feeling that the way I have gone about the code to move the uploaded file is incorrect. Should it be under its own function INSIDE function insert/update? Should it come before or after $st->bindValue( ":imageId", $this->imageId, PDO::PARAM_STR );

editArticle.php

Inside editArticle.php, I have added the form/multidata tag, as well as



Code:
--------------------
          <li>
           <label for="file">Image:</label> 
           <input name="imageId" type="file" "<?php echo( $results['article']->imageId )?>" />
          </li>

--------------------


Inside viewArticle.php, I have added the <img> code. Which is correct?



Code:
--------------------
      <img src="<?php $article->imageId )?>" alt="article image">
--------------------


Now what I believed this would do, is it should send the results/location to Article::ImageID, which should then use the code in the Article class to send the image filename and location to the database field ImageId, (varchar(255)) which would then be fetched, along with the rest of the article, when that article is clicked on. What I believe and what I know though are two different things.

I’m not sure how much you could help me with just this code alone, I believe I am missing some pretty crucial code, but I have no clue what. When I SELECT * from articles; in mysql, the imageID field is blank.
Please and a massive thank you in advance if you could give me a hint as to what am doing wrong.

View » | Reply »

]]> Tue, 15 May 2012 11:13:25 GMT http://www.elated.com/forums/topic/5114#post22801 Re: [Website Marketing] Reasons for description not showing up in search http://www.elated.com/forums/topic/5486/#post22800 From: chrishirst


http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35624

Google will change the SERP title an snippet IF their page analysis system determines that other text found in the document provides a better match for the users query.


A site: special search will more often than not return with the title element wording as the result title and the meta description content as a snippet. If you want to see what MIGHT be shown from a users search, use the site: search with the search term appended to it.

eg: site:webmaster-talk.eu linking

Result: https://www.google.com/search?q=site%3Awebmaster-talk.eu+linking

[Edited by chrishirst on 14-May-12 18:40]

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/

View » | Reply »

]]> Mon, 14 May 2012 23:38:30 GMT http://www.elated.com/forums/topic/5486#post22800 [Website Marketing] Reasons for description not showing up in search http://www.elated.com/forums/topic/5486/#post22799 From: TruthConquers


If one has put in your Title and Description tags, is there any reason why a search engine would not be able to show this information

A site:yourdomain.com shows the Title and Description, but searching for a specific term brings up a rather plain yourdomain.com.

It is rather perplexing and I cant find a Google Webmaster Tools.

View » | Reply »

]]> Mon, 14 May 2012 15:02:47 GMT http://www.elated.com/forums/topic/5486#post22799 Re: [Authoring and Programming] How to Make a Slick Ajax Contact Form with jQuery and PHP http://www.elated.com/forums/topic/5171/#post22797 From: vassilij


Hi Matt, thanks for answering.
I'm not a programmer and do not know javascript or php.
I looked at the comment that you say but I can not make it work.
I've been looking online and found a plugin to validate html5 forms but does nothing.
Is as follows: http://www.matiasmancini.com.ar/jquery-plugin-ajax-form-validation-html5.html

I do not know as I have to do to make the form work well in Internet Explorer, I'm going crazy .. lol
I send my code to see if you can help me.


Code:
--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kromweb</title>
<link rel="stylesheet" type="text/css" href="estilos/estilos.css"/>
<link href="img/favicon_kromweb.png" rel="shortcut icon"/>

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="estilos_IE.css" />
<![endif]-->


<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

var messageDelay = 2000;  // How long to display status messages (in milliseconds)

// Init the form once the document is ready
$( init );


// Initialize the form

function init() {

  // Hide the form initially.
  // Make submitForm() the form's submit handler.
  // Position the form so it sits in the centre of the browser window.
  $('#contactForm').hide().submit( submitForm ).addClass( 'positioned' );

  // When the "Send us an email" link is clicked:
  // 1. Fade the content out
  // 2. Display the form
  // 3. Move focus to the first field
  // 4. Prevent the link being followed

  $('a[href="#contactForm"]').click( function() {
    $('#lista').fadeTo( 'slow', .2 );
    $('#contactForm').fadeIn( 'slow', function() {
      $('#senderName').focus();
    } )

    return false;
  } );
  
  // When the "Cancel" button is clicked, close the form
  $('#cancel').click( function() { 
    $('#contactForm').fadeOut();
    $('#lista').fadeTo( 'slow', 1 );
  } );  

  // When the "Escape" key is pressed, close the form
  $('#contactForm').keydown( function( event ) {
    if ( event.which == 27 ) {
      $('#contactForm').fadeOut();
      $('#lista').fadeTo( 'slow', 1 );
    }
  } );

}


// Submit the form via Ajax

function submitForm() {
  var contactForm = $(this);

  // Are all the fields filled in?

  if ( !$('#senderName').val() || !$('#senderEmail').val() || !$('#message').val() ) {

    // No; display a warning message and return to the form
    $('#incompleteMessage').fadeIn().delay(messageDelay).fadeOut();
    contactForm.fadeOut().delay(messageDelay).fadeIn();

  } else {

    // Yes; submit the form to the PHP script via Ajax

    $('#sendingMessage').fadeIn();
    contactForm.fadeOut();

    $.ajax( {
      url: contactForm.attr( 'action' ) + "?ajax=true",
      type: contactForm.attr( 'method' ),
      data: contactForm.serialize(),
      success: submitFinished
    } );
  }

  // Prevent the default form submission occurring
  return false;
}


// Handle the Ajax response

function submitFinished( response ) {
  response = $.trim( response );
  $('#sendingMessage').fadeOut();

  if ( response == "success" ) {

    // Form submitted successfully:
    // 1. Display the success message
    // 2. Clear the form fields
    // 3. Fade the content back in

    $('#successMessage').fadeIn().delay(messageDelay).fadeOut();
    $('#senderName').val( "" );
    $('#senderEmail').val( "" );
    $('#message').val( "" );

    $('#lista').delay(messageDelay+500).fadeTo( 'slow', 1 );

  } else {

    // Form submission failed: Display the failure message,
    // then redisplay the form
    $('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
    $('#contactForm').delay(messageDelay+500).fadeIn();
  }
}

</script>

<!-- Some IE7 hacks and workarounds -->

<!--[if lt IE 8]>
<style>

/* IE7 needs the fields to be floated as well as the labels */

input, textarea {
  float: right;
}

#formButtons {
  clear: both;
}

/*
  IE7 needs an ickier approach to vertical/horizontal centring with fixed positioning.
  The negative margins are half the element's width/height.
*/

#contactForm.positioned, .statusMessage {
  left: 50%;
  top: 50%;
}

#contactForm.positioned {
  margin-left: -20em;
  margin-top: -16.5em;
}

.statusMessage {
  margin-left: -15em;
  margin-top: -1em;
}

</style>
<![endif]-->









</head>

<body>
<div id="todo">
	<div id="cabecera">
    	<div id="logo">
        	<a href="#"><img alt="Kromweb" src="img/logo_kromweb.jpg" title="Kromweb" width="559" height="145" border="0" /></a>
            <h1>Kromweb</h1> 
            <h2>Diseño Gráfico | Diseño Web | Publicidad | Merchandising</h2> 
        </div>
        <div id="contacto">
        <p ><span>(+34)&nbsp;655&nbsp;59&nbsp;09&nbsp;80</span></p>
            <p>&nbsp;e-mail:<a href="#contactForm">&nbsp;sergio@kromweb.com</a></p>
        </div>
    </div>
    

    
    
<!--LISTA--> 	    
	<div id="lista">
    	<ul class="miniaturas">
        	<li>
                <a href="#">
                	<img class="min" src="img/chicas/1.jpg" alt="#" border="0"/>
                    <img class="max" src="img/grandes/1.jpg" alt="#" border="0"/>
               </li>
            
    	 </ul>
    </div>
    
    
        <!--FORMULARIO--> 
        
    <form id="contactForm" action="processForm.php" method="post" >
    
      <h2>Mándenos un correo...</h2>
    
      <ul>
    
        <li>
          <label for="senderName">Nombre</label>
          <input type="text" name="senderName" id="senderName" placeholder="Por favor, escriba su nombre" maxlength="40" required=""  />
        </li>
    
        <li>
          <label for="senderEmail">Correo electrónico</label>
          <input type="email" name="senderEmail" id="senderEmail" placeholder="Por favor, escriba su Email"  maxlength="50" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" required="" />
        </li>
    
        <li>
          <label for="message" style="padding-top: .5em;">Mensaje</label>
          <textarea name="message" id="message" placeholder="Por favor, escriba su mensaje"  cols="80" rows="10" maxlength="10000" required=""></textarea>
        </li>
    
      </ul>
    
      <div id="formButtons">
        <input type="submit" id="sendMessage" name="sendMessage" value="Enviar Email" />
        <input type="button" id="cancel" name="cancel" value="Cancelar" />
      </div>
    
    </form>
    <div id="sendingMessage" class="statusMessage"><p>Enviando su correo. Por favor, espere...</p></div>
    <div id="successMessage" class="statusMessage"><p>¡¡Gracias por enviar su mensaje!!. Le responderemos lo antes posible.</p></div>
    <div id="failureMessage" class="statusMessage"><p>Ha habido un problema al enviar su mensaje. Por favor, inténtelo de nuevo.</p></div>
    <div id="incompleteMessage" class="statusMessage"><p>Por favor, complete todos los campos del formulario antes de enviarlo.</p></div>
    
   
</div>
</body>
</html>
--------------------

<?php

// Define some constants
define( "RECIPIENT_NAME", "Sergio Ruiz" );
define( "RECIPIENT_EMAIL", "sergio@kromweb.com" );
define( "EMAIL_SUBJECT", "Asunto del Mensaje" );


// Read the form values
$success = false;
$senderName = isset( $_POST['senderName'] ) ? preg_replace( "/[^\.\-\' a-zA-Z0-9]/", "", $_POST['senderName'] ) : "";
$senderEmail = isset( $_POST['senderEmail'] ) ? preg_replace( "/[^\.\-\_\@a-zA-Z0-9]/", "", $_POST['senderEmail'] ) : "";
$message = isset( $_POST['message'] ) ? preg_replace( "/(From:|To:|BCC:|CC:|Subject:|Content-Type:)/", "", $_POST['message'] ) : "";

// If all values exist, send the email
if ( $senderName && $senderEmail && $message ) {
$recipient = RECIPIENT_NAME . " <" . RECIPIENT_EMAIL . ">";
$headers = "From: " . $senderName . " <" . $senderEmail . ">";
$success = mail( $recipient, EMAIL_SUBJECT, $message, $headers );
}

// Return an appropriate response to the browser
if ( isset($_GET["ajax"]) ) {
echo $success ? "success" : "error";
} else {
?>
<html>
<head>
<title>Thanks!</title>
</head>
<body>
<?php if ( $success ) echo "<p>Gracias por enviar su mensaje. Le responderemos lo antes posible.</p>" ?>
<?php if ( !$success ) echo "<p>Ha habido un problema al enviar su mensaje. Por favor, inténtelo de nuevo.</p>" ?>
<p>Pulse atrás en el navegador para volver a la página anterior.</p>
</body>
</html>
<?php
}
?>



Code:
--------------------

--------------------





Thank you very much.

View » | Reply »

]]> Thu, 10 May 2012 21:30:08 GMT http://www.elated.com/forums/topic/5171#post22797 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22796 From: MarcusS


@ matt

Thanks for the advice, I found the solution yesterday earlier in the topic.

View » | Reply »

]]> Thu, 10 May 2012 15:29:07 GMT http://www.elated.com/forums/topic/5114#post22796 Re: [Authoring and Programming] How to Make a Slick Ajax Contact Form with jQuery and PHP http://www.elated.com/forums/topic/5171/#post22795 From: matt


@vassilij: IE <=9 doesn't support HTML5 placeholders. I believe support is coming in IE10. I covered email address validation earlier in the topic: http://www.elated.com/forums/topic/5171/#post22571

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Thu, 10 May 2012 09:47:29 GMT http://www.elated.com/forums/topic/5171#post22795 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22794 From: matt


@slayerscout @MarcusS: Search this topic for "magic quotes".

@vman: You could bookmark the link, then remove the link from the front-end template. If you're still worried about security, you could password-protect your admin script like this: http://www.elated.com/articles/password-protecting-your-pages-with-htaccess/

@ffxpwns: Here's the syntax for the PHP date() function: http://php.net/manual/en/function.date.php

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Thu, 10 May 2012 09:39:48 GMT http://www.elated.com/forums/topic/5114#post22794 Re: [Authoring and Programming] Request Need help getting ckeditor to work with the cms tutorial http://www.elated.com/forums/topic/5484/#post22791 From: MarcusS


Slight different topic, but has anyone sucesfully added Disqus to their project?

I've added:


Code:
--------------------
<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = ''myshortname; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
--------------------

To my

viewArticle.php file (not sure if right)

And:


Code:
--------------------

<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'myshortname'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>
To my footer.php file (I looked at adding it to index or homepage, but that didn't seem to make much sense.
--------------------


I'm just completely lost on how to make the #href discuss part of the links work... [Small note, yes I have changed the "myshortname" to my own person Disqus shortname]

[Edited by MarcusS on 09-May-12 10:15]

View » | Reply »

]]> Wed, 09 May 2012 15:11:12 GMT http://www.elated.com/forums/topic/5484#post22791 [Authoring and Programming] Request Need help getting ckeditor to work with the cms tutorial http://www.elated.com/forums/topic/5484/#post22790 From: MarcusS


Hey anyone,

I am posting this topic because I require specific help getting the ckeditor to work with the CMS-IN-A-AFTERNOON tutorial, and I was wondering if anyone that actually got it to work would be so kind of to help me with it.

While I also would like help with pagination and comments etc, this really takes precidence, so onto the problem(s).

Current setup:

header.php


Code:
--------------------
<script type="text/javascript" src="ckeditor.js"></script>
--------------------


Edit:
Okay, just had the akward moment realizing a big typo 5 seconds after posting this, changed it to:


Code:
--------------------
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
--------------------



editArticle.php:


Code:
--------------------
<li>
            <label for="content">Article Content</label>
            <textarea name="content" id="content" placeholder="The HTML content of the article" required maxlength="100000" style="height: 30em;"><?php echo htmlspecialchars( $results['article']->content )?></textarea>
          </li>
		  
		  <script type="text/javascript">
	          window.onload = function() 
              {
		        CKEDITOR.replace('content');
	          };
          </script>
		 
<li>
--------------------



-- Edited out issue 1 --

Currently running this on Wampserver, don't think that should cause the problem though.

I hope I explained my problem in sufficient detail, any thanks in advance to anyone that could help me out with this.

Edit 1: Alright, changed the code in the header.php file, now the ckeditor DOES pop up, but it's too big for the page again, any advice on how to fix this?

Edit 2:

Alright, issue number two: the big ass ckeditor actually stops the page from saving/save button doesn't do anything. Anyone have any advice on this?

[Edited by MarcusS on 09-May-12 03:09]

View » | Reply »

]]> Wed, 09 May 2012 08:02:30 GMT http://www.elated.com/forums/topic/5484#post22790 Re: [Graphics and Design] eBook Giveaway: Win a Copy of The Best 365 Websites Around the World http://www.elated.com/forums/topic/5483/#post22789 From: efwis


Well, I guess my favorite site would have to be harleydavidson.com.

the main reason is obvious, it's Harley Davidson motorcycles. And since I hang out with a MC (Motorcycle Club) and go to a biker church on Sundays led by a pastor from a local MM (Motorcycle Ministry) it only makes sense that I enjoy that site.

So don't forget, Save a life, share the road with motorcycles.

here is my tweet link: https://twitter.com/#!/sixtoedDesign/status/199899544371204096

--
http://www.sixtoed-design.com
The web design company that allows the customer to choose their design as its made.

View » | Reply »

]]> Tue, 08 May 2012 17:07:34 GMT http://www.elated.com/forums/topic/5483#post22789 Re: [Graphics and Design] eBook Giveaway: Win a Copy of The Best 365 Websites Around the World http://www.elated.com/forums/topic/5483/#post22788 From: mauco


I must confess, its not easy for me to pick my all-time favourite website because there are so many. But if I'm to pick just one (on the spur of the moment) it'll be thepixelio.com - why? I just like the simple look/feel of the website, its easy to navigate and loads rather fast.

Link to my tweet:
https://twitter.com/#!/ademolaabimbola/status/199786193259470848

--
http://www.mauconline.net

View » | Reply »

]]> Tue, 08 May 2012 09:05:21 GMT http://www.elated.com/forums/topic/5483#post22788 Re: [Graphics and Design] eBook Giveaway: Win a Copy of The Best 365 Websites Around the World http://www.elated.com/forums/topic/5483/#post22787 From: nicksp


Cool giweavay. So...

Pre Scriptum: Sorry for my english

My latest trend favourite website is the next one -> http://yarastore.ru/ (in russian though)

Why do i love it?

--If I could summarize the experience of the use of the website, I would say so:

Modern, pretty looking website based on modern and interactive web elements with bulletproof design concepts and layouts with graceful degradation and progressive anhancement behind the scenes. It utilizes cool js effects and great css tricks throughout the whole website. Just look around the website...

--In more detailed words (smth. like a personal review of system functionality):

The main page shows the product and a metaphor for growth.

Your child is in the spotlight. From the original “I grow up” to a more personal “Andrew grows up” (the upper-left interactive form on the main page).

Exhaustive product information and instructions fill the page in form of neat looking tables and layouts(http://yarastore.ru/products/formula-2/).

That website showed nutrition tips in a new user interface that combines the familiarity of a linear scroll and the usability of a per-question index. The format suits any website’s FAQ section. Also please note the excellent smooth scrolling in the left colum of the page (http://yarastore.ru/faq/).

Customers only fill the order form once, with minimum details (http://yarastore.ru/order/formula-2/).

The site requires no sign-up, passwords or e-mail confirmations. It's engine remembers customers and reminds then when their product may have run out or when it’s time to switch to a different-age product.
So, 'Ya Rastu' Website is both a product and a service. It illustrates modern approach to designing efficient systems. The name, the logo, all the packaging and websites work together in perfect harmony.

Here is the link to my tweet: http://twitter.com/#!/nickplekhanov/status/199748762397196288

[Edited by nicksp on 08-May-12 03:29]

View » | Reply »

]]> Tue, 08 May 2012 08:29:22 GMT http://www.elated.com/forums/topic/5483#post22787 Re: [Webmasters' Lounge] Help my opening page jumps and I think it is a jquery conflict http://www.elated.com/forums/topic/5443/#post22786 From: tinalouise50


Hi Matt,

Thanks for getting back to me.

You can look at the page at:

http://www.nailandrockett.com/new/ALL%20HTML/index.html

I would really appreciate any help.

Thanks so much

Tina

--
tina nail

View » | Reply »

]]> Tue, 08 May 2012 06:34:06 GMT http://www.elated.com/forums/topic/5443#post22786 [Graphics and Design] eBook Giveaway: Win a Copy of The Best 365 Websites Around the World http://www.elated.com/forums/topic/5483/#post22785 From: Elated


This is a forum topic for discussing the article "eBook Giveaway: Win a Copy of The Best 365 Websites Around the World":

http://www.elated.com/articles/best-365-websites-around-the-world-giveaway/

Enter for your chance to win a digital copy of "The Best 365 Websites Around the World" from Awwwards!

View » | Reply »

]]> Mon, 07 May 2012 05:00:00 GMT http://www.elated.com/forums/topic/5483#post22785 [Authoring and Programming] Build a CMS in an Afternoon http://www.elated.com/forums/topic/5482/#post22784 From: lskynyrd


Greetings All -

I followed the both tutorials on building a CMS in an Afternoon. Everythingn works perfect as long as you follow Matt's articles. On another note, I followed Janjetina's tutorial on including ckfinder and ckeditor. Though hard to follow, for the most part, everything works like a champ. My only problem was finding the proper configuration file for using the java script version of ckfinder. Has anyone, that completed the CMS in an afternoon tutorial, implemented the technique to upload images from the editArticle.php script? Please let me know if anyone has discovered a cleaner way of adding images to your CMS. Thanks an advance for any help.

Esteban

--
Steven Marks
Founding Member
White Eagle

View » | Reply »

]]> Mon, 07 May 2012 02:59:40 GMT http://www.elated.com/forums/topic/5482#post22784 Re: [Webmasters' Lounge] I am trying to go from 32 bit Vista to 64 bit Windows 7. http://www.elated.com/forums/topic/5481/#post22783 From: chrishirst


USB keyboard then I guess.

Is the BIOS set for "Legacy USB Devices" or whatever your BIOS calls it?

Is the DVD a genuine bootable one?

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/

View » | Reply »

]]> Sun, 06 May 2012 12:10:47 GMT http://www.elated.com/forums/topic/5481#post22783 [Webmasters' Lounge] I am trying to go from 32 bit Vista to 64 bit Windows 7. http://www.elated.com/forums/topic/5481/#post22782 From: xarzu


I am trying to go from 32 bit Vista to 64 bit Windows 7.


The 32 bit Vista was installed by mistake. My system can handle a 64 bit OS. Now I have finally found the time to upgrade. But the 64 bit intallation DVD can't be read from my OS. Any Advice?


I have tried setting up my CMOS so that I can boot from the DVD but I have run into some issues. First of all, when I look at my keyboard during the boot procedure, I noticed that the little light which indicates that one row of buttons are to be used for F1 - F12 keys, the little green led light goes on and off. Sometimes, during the boot process, it is on, sometimes it is off.


The CMOS procedure tells me I can hit F12 and set the boot order. I can hit F12 but when I go into that menu, I notice my keyboard is dead. The CPU does not accept any commands from me. So I need to power off and power on and try again.



The CMOS procedure tells me I can hit DEL and that launches the whole CMOS utility. There I can set the boot order so that the DVD is run first. But when I save and exit, I notice my keyboard is dead again. This time, the screen is showing things being set and loaded and I am prompted to hit any key to show I am sure that I want to boot from the DVD. I hit the Y key and I hit the spacebar, but it becomes clear that my input is ignored since my keyboard is being ignored. And the ol' Vista OS is loaded.


Please advise. Is there any way to set things up in the VISTA OS to force a boot from the DVD? I guess I can load the OS in save mode and format the C drive, but if I do that I might risk having a dead computer since the CMOS does not seem to be trusting enough to boot from the DVD drive even if you tell it to.

View » | Reply »

]]> Sun, 06 May 2012 04:23:08 GMT http://www.elated.com/forums/topic/5481#post22782 Re: [Authoring and Programming] Create Your Own Blogger Template http://www.elated.com/forums/topic/4825/#post22781 From: AdilAli


hello my name is Adil and i am new to webmaster's community, i followed the step by step procedure twice but i am unable to test this theme in 8th step. itried to upload theme but blogger is gonna let it save .instead its giving following error
"We were unable to save your template.
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message:
Could not find a preferred section to add deleted widgets to."
and when i tried to paste source code manually in "edit html". its still generating error.
i want to remind that in 1st try i gave the path of a photo being hosted by picasa and in 2nd try, i gave the path mentioned in above tutorial just to test , still not working either way

View » | Reply »

]]> Sat, 05 May 2012 20:55:16 GMT http://www.elated.com/forums/topic/4825#post22781 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22780 From: ffxpwns


Hi, I was wondering what I would have to edit to make it so instead of just year/month/day, I could make it year/month/day at HH:MM. I thought I had it down, but whenever I try it, it just displays the epoch. Any ideas?

View » | Reply »

]]> Sat, 05 May 2012 20:35:49 GMT http://www.elated.com/forums/topic/5114#post22780 Re: [Authoring and Programming] JavaScript Tabs - Create Tabbed Web Pages Easily http://www.elated.com/forums/topic/4717/#post22779 From: MediumAdPro


NEVER MIND...
Although 5 out of 6 tabs had tab content on the page, I made the sixth a link to an outside page.

Lesson, don't take a line and link to another page.

Thanks again!

View » | Reply »

]]> Sat, 05 May 2012 18:01:52 GMT http://www.elated.com/forums/topic/4717#post22779 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22778 From: chotikarn


@revjeff7

maybe jquery form validation might help.

do you re-check your code yet? re-check your typo "__construct" functioin "storeFormValues" and "insert" function.

View » | Reply »

]]> Sat, 05 May 2012 10:22:14 GMT http://www.elated.com/forums/topic/5114#post22778 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22777 From: revjeff7


@chotikarn

Thanks! You were right about the "required" parameter with tinymce. I guess I need to look for a way to get around this and still be able to use the required parameter on the form. Also, I still can't get articles to post to my database.

View » | Reply »

]]> Sat, 05 May 2012 03:28:37 GMT http://www.elated.com/forums/topic/5114#post22777 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22776 From: chotikarn


@revjeff7

hi, about your problem. it seem that you have "required" parameter on your "textarea" tag. this should be work fine without any Text Editor such TinyMCE or CKeditor, but when you need to use it on textarea the "required" parameter have to remove.

if you still have "required" and have Text Editor, HTML will assume that textarea has on data on it and "Please fill this field" will appear but on my chrome 17 everything look freezing, not have any sign of error.

PS. hope it might help you.

[Edited by chotikarn on 04-May-12 19:23]

View » | Reply »

]]> Sat, 05 May 2012 00:23:08 GMT http://www.elated.com/forums/topic/5114#post22776 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22775 From: revjeff7


Hey Matt,

Thanks for the great tutorial! I am in the process of learning web programming mostly from books and articles I am reading online. To help me in the process, I am actually taking the time to type the code myself instead of cutting and pasting. This is what I've done with your tutorial, and everything seems to be functioning okay except I can't get the articles to post to my database. I've checked the code several times alongside your original code. Everything seems to match up perfectly. Still won't post to the DB though. I either get the success message when I use the CMS as coded in your original example, or the "Please fill out this field" callout message appears on the upper left corner of my browser (Firefox) when I try to integrate tinymce with the form. Any ideas on where I am going wrong?

Thanks again!!! It always amazes me when people with your great skill take the time to write comprehensive tutorials like this one to help teach us "newbies".

View » | Reply »

]]> Fri, 04 May 2012 20:49:12 GMT http://www.elated.com/forums/topic/5114#post22775 Re: [Authoring and Programming] JQueryMobile and Facebook Login http://www.elated.com/forums/topic/5478/#post22774 From: matt


Hi Rafael,

I don't have much experience with FB authentication, although I know it can be a pain to implement smoothly. This page may offer some help:

http://developers.facebook.com/docs/guides/mobile/

Cheers,
Matt

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:47:11 GMT http://www.elated.com/forums/topic/5478#post22774 Re: [Authoring and Programming] CMS hidden error http://www.elated.com/forums/topic/5474/#post22773 From: matt


@jvt4: Not totally sure what you mean, but you can use the CSS "display: inline" and "display: block" properties to control how the page elements are displayed.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:29:54 GMT http://www.elated.com/forums/topic/5474#post22773 Re: [Authoring and Programming] JSON Basics: What You Need to Know http://www.elated.com/forums/topic/5166/#post22772 From: matt


@tonyb67: Thanks

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:27:35 GMT http://www.elated.com/forums/topic/5166#post22772 Re: [Authoring and Programming] Custom javascript audio player not working on iPad http://www.elated.com/forums/topic/5473/#post22771 From: matt


@eoneill728: Cool page!

No simple answer I'm afraid. It doesn't seem to be generating any JS errors when you tap the play button (although tapping stop triggers a "DOM Exception 11" error). It simply doesn't play.

I suspect that there might be something subtly different about Mobile Safari's DOM that's confusing the script (e.g. it's not finding the <audio> element).

You're going to have to do some debugging I think. Try isolating just the player on its own page (without your other JS plugins) and see if that works. If it doesn't, install FireBug Lite and start adding breakpoints in the code to see what it's doing. Here's a good article on JS debugging on the iPad:

http://support.godaddy.com/library/setting-up-a-debugging-environment-on-the-ipad/

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:26:55 GMT http://www.elated.com/forums/topic/5473#post22771 Re: [Authoring and Programming] Image Map Linked Code Won't Work Properly http://www.elated.com/forums/topic/5471/#post22770 From: matt


@cosmic_nomad: Hard to tell without seeing the whole page in context. Can you post a complete example on jsbin?

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:17:33 GMT http://www.elated.com/forums/topic/5471#post22770 Re: [Webmasters' Lounge] Minted! http://www.elated.com/forums/topic/5479/#post22769 From: matt


@chrishirst: That would be nice - competition is good. I think most non-techy users are only comfortable using what they're used to (i.e. Windows), so for those users it can't hurt to make a distro that looks as familiar and user-friendly as possible!

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:15:05 GMT http://www.elated.com/forums/topic/5479#post22769 Re: [Authoring and Programming] jQuery MobilePHP Site - How to Stay Logged In http://www.elated.com/forums/topic/5469/#post22768 From: matt


@databuzz: If I remember rightly, when you switch to a website that was launched via the home screen, the uiwebview ("browser") instance that was displaying the website is effectively restarted, losing any session cookies. Try adding a timeout to the cookies so they're "permanent" cookies instead of session cookies.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:09:35 GMT http://www.elated.com/forums/topic/5469#post22768 Re: [Authoring and Programming] How to Make an Elegant Sliding Image Gallery with jQuery http://www.elated.com/forums/topic/5158/#post22767 From: akdwivedi


@matt thanks for the reply! I will give it a try, not sure if I will achieve it

-Abhi

--
Abhi

View » | Reply »

]]> Fri, 04 May 2012 10:07:01 GMT http://www.elated.com/forums/topic/5158#post22767 Re: [Authoring and Programming] How to Add Article Categories to Your CMS http://www.elated.com/forums/topic/5391/#post22766 From: matt


@hch: This is how you do it:


Code:
--------------------
<form enctype="multipart/form-data" ...>
--------------------


--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:05:40 GMT http://www.elated.com/forums/topic/5391#post22766 Re: [Authoring and Programming] How to Make an Elegant Sliding Image Gallery with jQuery http://www.elated.com/forums/topic/5158/#post22765 From: matt


@akdwivedi:

1) To like or share an image it will need its own unique URL. You could maybe do this by hacking the gallery code to accept a hash value in the URL and display the corresponding image when it loads. Or you could let the user click an image to open it in its own unique page, where it could then be liked/shared.

2) Just create a link back to your image list. (Or create a button, and add an onclick that returns the user to the image list.)

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 10:02:12 GMT http://www.elated.com/forums/topic/5158#post22765 Re: [Authoring and Programming] MySQL for Absolute Beginners http://www.elated.com/forums/topic/5272/#post22764 From: matt


@belamoor: That's good to hear - thanks

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 04 May 2012 09:58:29 GMT http://www.elated.com/forums/topic/5272#post22764 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22763 From: MarcusS


Hey, first of all, thanks for the great tutorial, it's helped me a lot, but unfortunately I'm having one problem currently (Similar to slayerscout's)

http://justanotherrandomsite.com/ I've uploaded it to my site, but when I create links or ('s) it keeps adding "\'s" in the code.

It also messes up the links so I can't link to anywhere, because the links come out like (ex):




Code:
--------------------
http://justanotherrandomsite.com\*www.vgchartz.com*\ 
--------------------

(When linking to www.vgchartz.com

I didn't have this problem when developing on my PC, but now the website isonly and it occurs.

Any help would be appreciated, thanks.

View » | Reply »

]]> Thu, 03 May 2012 09:52:15 GMT http://www.elated.com/forums/topic/5114#post22763 Re: [Authoring and Programming] JavaScript Tabs - Create Tabbed Web Pages Easily http://www.elated.com/forums/topic/4717/#post22762 From: MediumAdPro


Good script. Thank you for sharing it!
I believe I had it working fine at a point, but I made the page into a Microsoft Dynamic Web Template, and tested it again.

Now I'm getting a result where after choosing a tab, the page scrolls down. In Chrome and Safari it scrolls down to cover the header, on iPhone Safari and IE it scrolls down to the selected tab content...

Any ideas?

The page in question is below

http://traversecityinformation.com/xPHP/TraverseCityInformation/A%20Listing/index_copy(2).html

Thanks for your consideration.

View » | Reply »

]]> Thu, 03 May 2012 02:37:24 GMT http://www.elated.com/forums/topic/4717#post22762 Re: [Authoring and Programming] A Snazzy Animated Pie Chart with HTML5 and jQuery http://www.elated.com/forums/topic/5000/#post22761 From: dineshjain


HI Matt .. why no reply to my question...


can u pls tel me how to load data to chart without table.. if u have any code pls share with me.. thx in advance

--
dineshbnmit@gamil.com

View » | Reply »

]]> Wed, 02 May 2012 11:49:55 GMT http://www.elated.com/forums/topic/5000#post22761 Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post22760 From: vman


Great tutorial.

Question about Admin login link on the webpage.

The Admin Login (site admin) link is currently on the same page as blog template.

Can I implement a seperate login page that is not viewable to the public, just to add another level of security. Basically, when I update by webpage/blog contents, I do it via a different personal page.

View » | Reply »

]]> Wed, 02 May 2012 05:50:28 GMT http://www.elated.com/forums/topic/5114#post22760 Re: [Authoring and Programming] JavaScript Timers with setTimeout and setInterval http://www.elated.com/forums/topic/4682/#post22759 From: jacky


thank you for taking the time to create this clear and useful post!

View » | Reply »

]]> Mon, 30 Apr 2012 21:10:41 GMT http://www.elated.com/forums/topic/4682#post22759 Re: [Authoring and Programming] A Snazzy Animated Pie Chart with HTML5 and jQuery http://www.elated.com/forums/topic/5000/#post22758 From: dineshjain


Hi Matt , how to load data from array which is in one javascript file into table..

--
dineshbnmit@gamil.com

View » | Reply »

]]> Mon, 30 Apr 2012 10:51:29 GMT http://www.elated.com/forums/topic/5000#post22758 Re: [Authoring and Programming] A Snazzy Animated Pie Chart with HTML5 and jQuery http://www.elated.com/forums/topic/5000/#post22757 From: dineshjain


hi can i know wt sholud be done to make above pie chart as a drill down pie chart..
thx in advance

--
dineshbnmit@gamil.com

View » | Reply »

]]> Mon, 30 Apr 2012 08:54:15 GMT http://www.elated.com/forums/topic/5000#post22757 Re: [Webmasters' Lounge] Rotating Banner Rendering Issue http://www.elated.com/forums/topic/5468/#post22756 From: chrishirst


Works for so I can only assume you found the problem.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/

View » | Reply »

]]> Sat, 28 Apr 2012 18:04:30 GMT http://www.elated.com/forums/topic/5468#post22756 Re: [Webmasters' Lounge] Minted! http://www.elated.com/forums/topic/5479/#post22755 From: chrishirst


Maybe not amonst the Linux "die hards" because their attitude is very often "Why do we need a GUI in the first place" but I'm sure it will gain some some fans in the users looking for viable Windows replacement.

Once the "geeky element" or requirement is removed from a LInux distro it should start to make a mark with more than the techy users.

I've had a few friends and relatives who have bought laptops and netbooks with Fedora or Ubuntu installed with KDE, and from their reactions you would think it was a piece of alien technogy that needed Daniel Jackson to decipher the language and Samantha Carter to figure out what it does.

With LXDE/Mint looking a bit more user friendly (even without the Teletubbies hill ) more people should be able to get up and running with Linux from scratch, the userbase should start to grow and put a real dent in Microsoft's market dominance.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/

View » | Reply »

]]> Sat, 28 Apr 2012 17:58:43 GMT http://www.elated.com/forums/topic/5479#post22755 Re: [Authoring and Programming] How to Make a Slick Ajax Contact Form with jQuery and PHP http://www.elated.com/forums/topic/5171/#post22754 From: vassilij


Hi Matt, I used this excellent tutorial for my website but I have several problems with Internet Explorer. The first is that not any text appears on the labels of the placeholder. The second problem is that when I send an email even if it is poorly written and without the "@", continues to send the email.
This is the link to my website: www.kromweb.com
I do not know that I have to do to fix it. I would appreciate your help.
thank you very much

View » | Reply »

]]> Sat, 28 Apr 2012 01:42:53 GMT http://www.elated.com/forums/topic/5171#post22754 Re: [Authoring and Programming] Help Needed - AB Photo Comparison game with Ranking System http://www.elated.com/forums/topic/5462/#post22753 From: matt


@Daz0507: This kind of thing?

http://www.hotscripts.com/listing/hot-or-not-script-78506/

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Sat, 28 Apr 2012 00:52:04 GMT http://www.elated.com/forums/topic/5462#post22753 Re: [Authoring and Programming] Drag-and-Drop with jQuery: Your Essential Guide http://www.elated.com/forums/topic/5136/#post22752 From: matt


@minttoothpick: If you want to learn JSON then you might enjoy my tutorial:

http://www.elated.com/articles/json-basics/

@nicolasmoise: Off the top of my head, you probably want to create a closure, passing in the draggable element so that your function can access it.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Sat, 28 Apr 2012 00:46:23 GMT http://www.elated.com/forums/topic/5136#post22752 Re: [Authoring and Programming] How to Make a Slick Ajax Contact Form with jQuery and PHP http://www.elated.com/forums/topic/5171/#post22751 From: matt


@aliveit: Try turning off JavaScript in your browser then reload the page and submit the form. See what happens.

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 27 Apr 2012 23:48:53 GMT http://www.elated.com/forums/topic/5171#post22751 Re: [Authoring and Programming] How to Make a Slick Ajax Contact Form with jQuery and PHP http://www.elated.com/forums/topic/5171/#post22750 From: matt


@amin: I don't know the Persian character set or how it works with regular expressions in PHP, so I'm not sure exactly what you'd put in the whitelist. But essentially you want to add the range of all allowable Persian characters (the Persian equivalent of A-Za-z0-9).

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

View » | Reply »

]]> Fri, 27 Apr 2012 23:44:10 GMT http://www.elated.com/forums/topic/5171#post22750