Open Script Solution » post

How to Make Link Tag in WordPress Post/Page Editor Become Open In New Tab/Window by Default

Masino Sinaga — Sat, 10 Jul 2010 16:22:49 +0000

This following modification will change the javascript files that belong to WordPress core, in order to make the Link tag in WordPress post/page editor become open in new tab/window by default. As we know, by default in WordPress, this tag will open in the same window since there is no target=”_blank” property in the a href, especially if you insert this tag by typing your post/page from HTML tab (not from Visual tab) on your WordPress’ post/page editor. As this will change the core file of your WordPress, then you have to change the related files if you upgrade your WordPress core installation. So, please be kind, everyone!

Open your /wp-includes/js/quicktags.js file, and find this code:
```
if(a){edButtons[c].tagStart='';
```
then replace with this following code:
```
if(a){edButtons[c].tagStart='';
```

Open your /wp-includes/js/quicktags.dev.js file, and find this code:

144	this.newWin = 0;

then replace with this following code:

144	this.newWin = 1; // Modified by Masino Sinaga, July 10, 2010, in order to add target="_blank" phrase while creating new link

Find again this code:

216	var newWin = '', tempStr;

then replace with this following code:

216	var newWin = '1', tempStr; // Modified by Masino Sinaga, May 20, 2010, in order to add target="_blank" phrase while creating new link

Find again this code:

451	var newWin = '', tempStr;

then replace with this following code:

451	var newWin = '1', tempStr; // Modified by Masino Sinaga, May 20, 2010, in order to add target="_blank" phrase while creating new link

Clear your browser’s cache that you are currently using, afterwards close and re-open your browser, then try to login to your editor’s post/page via “HTML” tab in your WordPress, then try the Link tag. You should see that WordPress has automatically added the target=”_blank” phrase inside the Link a href tag.

How to Navigate Posts Only in The Current Category using Smarter Navigation Plugin and Atahualpa Theme of WordPress

Masino Sinaga — Sat, 16 Jan 2010 09:14:58 +0000

If you want to change the existing navigation in Atahualpa Theme of your WordPress website that navigate all post based on the order of the general Post ID no matter which category you choose, become the smarter technique which will navigate based on the current category that selected by user, then this following modification is for you! As we know, Atahualpa theme has provided the previous/next link when we display the certain post in the top of the post page. Unfortunately, by default, when we choose the certain category, then we navigate through that navigation post link, it will avoid the selected category. Now, after you implement this following modification, you will be able to navigate only through the posts that located in the certain category that you have choosen. Isn’t smarter, huh?

Download the Smarter Navigation plugin.
Upload this plugin to your /wp-content/plugins/ and then extract it.
Activate this plugin from your wp-admin.

Open your /wp-content/themes/{youratahualpaname}/functions/bfa_next_previous_links.php file, and find this code:

137
138

		previous_post_link($bfa_ata['single_next_prev_older']) : 
		next_post_link($bfa_ata['single_next_prev_newer']);

then replace with this following code:

137
138

		previous_post_smart($bfa_ata['single_next_prev_older']) : // previous_post_link replaced by previous_post_smart in order to navigate only in the current category using Smarter Navigation plugin, modified by Masino Sinaga, Januari 16, 2010
		next_post_smart($bfa_ata['single_next_prev_newer']);  // next_post_link replaced by next_post_smart in order to navigate only in the current category using Smarter Navigation plugin, modified by Masino Sinaga, Januari 16, 2010

Find again this code:

147
148

		next_post_link($bfa_ata['single_next_prev_newer']) : 
		previous_post_link($bfa_ata['single_next_prev_older']);

then replace with this following code:

147
148

		next_post_smart($bfa_ata['single_next_prev_newer']) : // next_post_link replaced by next_post_smart in order to navigate only in the current category using Smarter Navigation plugin, modified by Masino Sinaga, Januari 16, 2010
		previous_post_smart($bfa_ata['single_next_prev_older']); // previous_post_link replaced by previous_post_smart in order to navigate only in the current category using Smarter Navigation plugin, modified by Masino Sinaga, Januari 16, 2010

The conclusion: All you need to do is simply replace the link with smart in the previous_post_link and next_post_link function call in bfa_next_previous_links.php file belongs to Atahualpa theme. Afterwards, you can navigate through the posts only that located in the certain category you chose.

How to Add Google Search in Top of Post and Page in Atahualpa Theme of WordPress

Masino Sinaga — Sat, 19 Dec 2009 14:54:56 +0000

If you want to add the Google Search in each of post or page of Atahualpa theme of WordPress, then this modification is for you! By using this modification, your visitor will have the ability to search any information from your blog to Google, and the search result will be displayed in a new window of your browser.

Open your wp-content/themes/atahualpa/header.php file, and find this code:

99	<td id="middle">

then after that line, please insert this following code:


 
$my_domain = "visualbasicindonesia.com";  // <-- put your domain here!
$text_color = "000000";
$results_bg = "FFFFFF";
$header_bg = "FFFFFF";
$border = "336699";
$logo_height = "50";
$logo_width = "313";
$my_logo = site_url()."/wp-content/themes/atahualpa/images/google.gif"; 
$my_logo_link = site_url()."/wp-content/themes/atahualpa/images/yourlogo.jpg";                   
$visited_link = "663399";
$title_color = "0000FF";
$url_color = "008000";
$faint_color = "0000FF";
/************************************************************************/
/************************************************************************/
/*                   DO NOT EDIT BELOW HERE                             */
/************************************************************************/
/************************************************************************/
// show the content of the block
$content .= "

.$my_logo."'
border='0' alt='Google'>
 

Web
www.".$my_domain."








";
echo $content;
?>

Download this file
Google Logo
, then put this file in your /wp-content/themes/atahualpa/images/ sub directory.

How to Add New Tab Next to Post Reply Tab in Staff Panel of osTicket v1.6 RC5

Masino Sinaga — Sat, 07 Nov 2009 04:35:45 +0000

Have you ever wanted to add a new tab next to Post Reply tab in Staff Panel of your osTicket System? Well, here is the solution. There are two possibilities of this purpose. First, you want to display something which is read-only, such as static information. Or, the second, you want to add the form inside that new tab. We will discuss for those both possibilities. This modification applied for staff-side only.

Open your \include\staff\viewticket.inc.php, and find this code:

                        <p>
                            <div  style="margin-left: 50px; margin-top: 30px; margin-bottom: 10px;border: 0px;">
                                <input class="button" type='submit' value='Post Reply' />
                                <input class="button" type='reset' value='Reset' />
                                <input class="button" type='button' value='Cancel' onClick="history.go(-1)" />
                            div>
                        p>
                    form>                
                p>
            div>

then after the last line of that code, please insert this following code:

            <div id="youractionhere" class="tabbertab"  align="left">
                <h2>Your New Tabh2>
                <p>
                This will only demonstrate how you can add your own new tab in viewticket page.
                p>
	    div>

It depends on the purpose of that new tab. If you want only to display some information which is read-only, then you simply use the technique that shown on the code above. That’s it, and done until this point! You don’t have to do anything that we will explain on the next paragraph below.

However, if you want this new tab has a form inside, for example, you want to process or send the 2 new field, then we have to created a form and put it inside that new tab. Simply replace this following code that we take from above:

354
355
356

                <p>
                This will only demonstrate how you can add your own new tab in viewticket page.
                p>

become:

                
                    
$id?>#youractionhere" name="youractionhere" class="inline" method="post" enctype="multipart/form-data">
                        $id?>">
                        
                        
 
                        

                            Field One:
                            $info['field-one']?>" size=30px />
                            * $errors['field-one']?>
                        
                        
                            Field Two:
                                * $errors['field-two']?>

                            <span style="color: #000000; font-weight: bold;"><?=</span><span style="color: #000088;">$info</span><span style="color: #009900;">[</span><span style="color: #0000ff;">'field-two'</span><span style="color: #009900;">]</span><span style="color: #000000; font-weight: bold;">?></span>

After that, we have to catch that values from the form in the \scp\tickets.php file. Find this code in that file:

            }else{
                $errors['err']=$errors['err']?$errors['err']:'Unable to post the response.';
            }
            break;

then after the last line of that code above, please insert this following code:

        case 'youractionhere':
            $fields=array();
            $fields['field-one'] = array('type'=>'text',  'required'=>1, 'error'=>'Field one required');
            $fields['field-two'] = array('type'=>'text',  'required'=>1, 'error'=>'Field two required');
            $params = new Validator($fields);
            if(!$params->validate($_POST)){
                $errors=array_merge($errors,$params->errors());
            }
            // Proceed here, what do you want it to do for those two fields above?
            // Insert it or update the existing value to database? It's up to you, right?
	break;

Generally, only those steps above that you have to do. If you want to add another functionality or your own algorithm, you can follow the techniques that already exist on another modifications I created on this blog. Have a nice try, and good luck!

Add Post Number, Sender Name, and Time Duration in Each Message of osTicket

Masino Sinaga — Wed, 09 Sep 2009 02:42:26 +0000

Both osTicket version 1.6 RC4 and 1.6 RC5 have not included the post number, the sender name of client, and duration time in each message. That is why I made this modification. It is important for you as staff or admin of your ticketing system, if you want to know quickly how much time needed to respond between one post and the next post in one current ticket. Moreover, you will also know how much total time taken for the opened ticket when you view the certain ticket in full-mode.

Follow these instructions below.

Create a new file, copy-paste the following code to this file, then put it to \include\ sub directory of your osTicket System, and save it as class.duration.php


 
/**************************************************************************/
/* [MOD] Add #Post, SenderName, Time Duration in Each Message,            */ 
/*       by Masino Sinaga, May 7, 2009                                    */ 
/* Website: - http://www.masinosinaga.com                                 */
/*          - http://osticket.masinosinaga.com                            */
/**************************************************************************/
 
class Duration {
 
	var $begindate;
	var $enddate;
 
  function Duration($parambegindate, $paramenddate) {
    $this->begindate = strtotime($parambegindate);
    $this->enddate = strtotime($paramenddate);
    $diff = intval($this->enddate) - intval($this->begindate);                 
    $diffday = intval(floor($diff/86400));
    $modday = ($diff%86400);
    $diffhour = intval(floor($modday/3600));
    $diffminute = intval(floor(($modday%3600)/60));
    $diffsecond = ($modday%60);
    return round($diffday)." Day(s), ".round($diffhour)." Hour(s), ".round($diffminute,0)." Minute(s), ".round($diffsecond,0)." Second(s).";
  }
}
?>

Open \scp\tickets.php file, and find this code:

21	require_once(INCLUDE_DIR.'class.banlist.php');

after that code, add the following code:

22
23
24

// MOD Show Post#, SenderName, and Duration on Each Message by Masino Sinaga, July 20, 2009
require_once(INCLUDE_DIR.'class.duration.php');
// MOD Show Post#, SenderName, and Duration on Each Message by Masino Sinaga, July 20, 2009

Open \include\staff\viewticket.inc.php file, and find this code:

274
275
276

        $msgres =db_query($sql);
        while ($msg_row = db_fetch_array($msgres)) {
            ?>

replace with:

      $msgres =db_query($sql);
      $i=1;
      while ($msg_row = db_fetch_array($msgres)) {  
        if ($i!=1) { 
          $dateend = $msg_row['created'];
        } else if ($i==1) {
          $datebegin = $msg_row['created'];
          $firstdate = $datebegin;
          $dateend = $msg_row['created'];
        }
        $lastdate = $dateend;                 
        $datediff = new Duration($datebegin,$dateend);
        $resultdiff=$datediff->Duration($datebegin,$dateend);
        $datebegin = $dateend;        
        ?>

find this code:

            if($msg_row['attachments']>0){ ?>
                }?>
                
                Format::db_daydatetime($msg_row['created'])?>
                $ticket->getAttachmentStr($msg_row['msg_id'],'M')?> 
                Format::display($msg_row['message'])?>

replace with:

         if($msg_row['attachments']>0){ ?>
           }?>
          
           echo "(#".$i.") "; echo Format::db_daydatetime($msg_row['created']); echo " - ".Format::htmlchars($ticket->getName()); ?>
          
           echo $ticket->getAttachmentStr($msg_row['msg_id'],'M')?> 
          
           echo Format::display($msg_row['message']); ?>
          
           echo "Duration: ".$resultdiff."
";    ?>

find this code:

            $resp =db_query($sql);
            while ($resp_row = db_fetch_array($resp)) {
                $respID=$resp_row['response_id'];
                ?>
                if($resp_row['attachments']>0){ ?>
                    }?>
                    
                    Format::db_daydatetime($resp_row['created'])?> - $resp_row['staff_name']?>
                    
                        $ticket->getAttachmentStr($respID,'R')?>
                     Format::display($resp_row['response'])?>
                
            }
            $msgid =$msg_row['msg_id'];
        }?>

replace with:

        $resp =db_query($sql);
        $j=1;
        while ($resp_row = db_fetch_array($resp)) {
          $i++;
          $respID=$resp_row['response_id'];
          $dateend = $resp_row['created']; 
          $lastdate = $dateend;          
          $datediff = new Duration($datebegin,$dateend);
          $resultdiff=$datediff->Duration($datebegin,$dateend);            
          ?>
           if($resp_row['attachments']>0){ ?>
             }?>
            
             echo "(#".$i.") "; echo Format::db_daydatetime($resp_row['created'])?> -  echo $resp_row['staff_name']?>
            
            
               echo $ticket->getAttachmentStr($respID,'R')?>
             echo Format::display($resp_row['response']); ?>
             echo "Duration: ".$resultdiff."
";    ?>
                      
               
          $datebegin = $dateend;
          $j++;
        }
        $msgid =$msg_row['msg_id']; 
        $i++;
      } 
      $datediff = new Duration($firstdate,$lastdate);
      $resultdiff=$datediff->Duration($firstdate,$lastdate);    
      ?>
    

 
  $totalpost = $i-1;
  if ($ticket->getStatus()=='open') {
    echo "
Total: ".$totalpost." post(s), Duration: ".$resultdiff."
";
    $lastdate = date("Y-m-d H:i:s"); //userdate();   //date("Y-m-d H:i:s");
    $datediff = new Duration($firstdate,$lastdate);
    $resultdiff=$datediff->Duration($firstdate,$lastdate);    
    echo "
Ticket still opened, Total Duration: ".$resultdiff."
";
  } else {
    echo "
Total: ".$totalpost." post(s), Duration: ".$resultdiff."
";
  }    
?>

Now you can see that there is post number, sender name, and time duration in each message of the current ticket thread. You can also see in the bottom of the ticket thread, duration total for that current ticket. At least, you will get warning especially about the duration total of the opened ticket, thus you can take the respond as quick as you can for that ticket number.

Add “Read More” Link in The Post

Masino Sinaga — Mon, 24 Aug 2009 04:01:12 +0000

If your post in WordPress contains of so many words or sentences or even paragraphs, and you want to display only the first paragraph or even the certain first amount of characters, plus you want to display “Read More…” link, what will you do? Honestly, I have no idea at all how to implement this, until I found the information regarding this from http://codex.wordpress.org/Customizing_the_Read_More. Thanks to WordPress has provided the easiest feature for this.

There are some methods that you can use to implement this. But, I think the easiest way is to add this tag:

after the last word or character you want to display.

Let’s say you have these 3 paragraphs below, and you want to display the “Read More…” link after the first paragraph:

Bahwa sesungguhnya kemerdekaan itu ialah hak segala bangsa. Oleh karena itu maka penjajahan di atas dunia harus dihapuskan karena tidak sesuai dengan perikemanusiaan dan perikeadilan.

Dan perjuangan pergerakan kemerdekaan Indonesia telah sampailah kepada saat yang berbahagia, dengan selamat sentausa, mengantarkan rakyat Indonesia ke depan pintu gerbang kemerdekaan Indonesia, yang merdeka, bersatu, berdaulat, adil dan makmur.

Atas berkat rakhmat Tuhan yang Mahakuasa, dan dengan didorong oleh keinginan luhur, maka rakyat Indonesia dengan ini menyatakan kemerdekaannya. Kemudian daripada itu, untuk membentuk pemerintahan negara Indonesia yang melindungi segenap bangsa Indonesia, dan seterusnya.

then you just simply add the

after the perikeadilan word while you edit the post in HTML mode, so it is something like this:

Bahwa sesungguhnya kemerdekaan itu ialah hak segala bangsa. Oleh karena itu maka penjajahan di atas dunia harus dihapuskan karena tidak sesuai dengan perikemanusiaan dan perikeadilan.
Dan perjuangan pergerakan kemerdekaan Indonesia telah sampailah kepada saat yang berbahagia, dengan selamat sentausa, mengantarkan rakyat Indonesia ke depan pintu gerbang kemerdekaan Indonesia, yang merdeka, bersatu, berdaulat, adil dan makmur.

Atas berkat rakhmat Tuhan yang Mahakuasa, dan dengan didorong oleh keinginan luhur, maka rakyat Indonesia dengan ini menyatakan kemerdekaannya. Kemudian daripada itu, untuk membentuk pemerintahan negara Indonesia yang melindungi segenap bangsa Indonesia, dan seterusnya.

By using this technique, then only the first paragraph you specified above will be displayed in the front page of your website.