I had a post before about how to create a modal dialog box using native CSS and Javascript (no libraries).
This time, I will make one using Bootstrap.
Required:
jQuery library
Bootstrap CSS
Bootstrap JS
You may download the files or just place the following code inside your <head> tag.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"...
Next Line in Instagram Bio (iOS)
Sep 4, 2014
I've been an Instagram user for more than two (2) years now and I've just recently learned how to skip lines on the Bio field.
I have maintained a few un-official accounts in Instagram such as insta_colorsplash and ol.shopper. However, it has always been a problem for me on how to make the bio so presentable and readable.
Whenever I tap on the next key, it will always move me on the next input field.
So I just...
Javascript: Check if Input is Palindrome
Sep 4, 2014
I had a past post about how to check if input is palindrome in C#.
This one is another Javascript exercise with the same goal.
Instructions:
-create a function that determines the string input as palindrome
-use arrays and loops to check if the string is a palindrome (try reading .split and join function, DO NOT USE REVERSE FUNCTION in javascript)
-use text box to for string input
-use button to determine output
-insert text...
Javascript: Bubble Sort and Math.Random
Sep 3, 2014
We are given an exercise that needs to be solved using Javascript.
*Bubble sort
-ceate a function that returns a sorted array in ascending order
-within the function, create an array with a size of 10 with random unique numbers (1-100) in it (to generate random numbers try using Math.random() function)
-sort the random values then return the array
*displaying the array
-in respect to problem 1, display the returned array...
Show-Hide Submenu using CSS and HTML Only
Aug 28, 2014
It is common for websites to have submenus under menus.
A common behavior for submenus is that it shall only be visible when the main menu is hovered.
Below are simple code snippets of doing this with HTML and CSS only (no Javascript).
First we'll have the HTML structure.
<ul class="menu">
<li><a href="">Menu</a></li>
...
CSS & JavaScript: Modal Dialog
Aug 25, 2014
Hi!
These are just simple snippets of codes that will allow us to create a modal dialog box.
HTML
<div id="overlay">
<div>
<p>I am a hidden div and will be displayed as a modal!</p>
<p>Charlungs!</p>
</div>
</div>
<button onclick='overlay()'>Click</button>
CSS
#overlay {
visibility: hidden;
position: absolute;
left: 0px;
...
Enable Auto-Complete in Notepad++
Aug 25, 2014
I have been using Notepad++ ever since I started working but I have no idea it has an auto-complete feature just like other IDE's. *silly me*
So here's how to enable it:
Go to Settings.
Click on Preferences.
Go to Backup/Auto-Completion.
Check Enable auto-completion on each input.
That's i...
jQuery: Start Date and End Date
Aug 21, 2014
We commonly see on websites some input fields that would require us to enter a date range.
This means we should be able to select a start date and end date.
Of course, start date should always be before the end date and the end date should always be later than the start date.
Being a Tech Noob, I have no idea how to do this, especially since web programming isn't really my forte.
Fortunately, a lot of helpful tips can...
jQuery: Simple Click Game with Interval
Mar 12, 2014
Here's another simple game using HTML5 and Javascript.
The following are the requirements of the game:
The game starts when the "ENTER" key is pressed.
A "monster" will be displayed in random location of the canvas per set milliseconds.
Hit - when the monster is clicked.
Miss - when the monster is missed - only during click
Monster turns yellow when hit.
Monster turns red when hit.
The game is over when there are already five...
jQuery: Simple Colored Cell Game
Mar 7, 2014
So I decided to learn new stuffs *since I am not a web-person or anything*.
The goal would be to create a simple game that does the following:
At the start of the game, there is a blue-colored cell in the middle of the canvas.
On every left-click, the cell increases in size.
If an arrow key is pressed, the cell changes color and moves to that direction.
If the enter key is pressed, the game is reset.
Though it's just a really...
Shortcut Virus
Mar 6, 2014
I was asked to fix someone's flash disk a few years back because all of the files inside it turned into shortcut icons. You cannot view the files even if you choose to show hidden files.
I was able to find the solution on the internet.
Now another someone encountered the same problem. I was searching for the solution on the internet but it seems everything that shows up are those that require users to download something. *sucks*
So...
C#: Check if Input is Palindrome
Mar 5, 2014
Here is one algorithm I find a challenge back on my student days.
* Check if string value entered by user is a palindrome or not.
/// <summary>
/// Checks if entered string value is a palindrome or not.
/// </summary>
/// <param name="p_word">Value entered by user</param>
/// <returns>If palindrome, returns true; otherwise, returns false</returns>
public bool IsPalindrome(string p_word)
{
...
Free Domain Names
Mar 5, 2014
I have tried using .TK for free domain once on my other blog and it worked just fine. (:
.TK logo
Image credits: PPD Tips
Actually this is just a site that would register your URL and give you a shortened one.
The shortened URL would just redirect your user to your site.
So instead of having to type the whole ".blogspot.com" thing,...
Recent Comments Section on Blogger
Mar 4, 2014
Adding a Recent Comments widget on your blog will help let your visitors know that your blog is active - especially if you've got new comments coming from readers.
There are many widgets out there that you may use.
The following steps below would add a Recent Comments section on your sidebar without having to use third-party functionalities.
On your dashboard, go to Layout.
Click on Add a Gadget on where you...
Transfer Videos from Computer to iPhone Device
Mar 1, 2014
I have been having trouble with video transfers over iPhone devices.
Bluetooth feature of these devices doesn't seem to support file transfers. But please correct me on the comments section if I'm wrong.
What I usually do is ask someone to send the files via Viber.
If the files are on a desktop computer, I would use Dropbox. However, I...
Recursion Examples
Feb 28, 2014
During my college days, we simply refer to recursion as a method that calls itself.
Here's a simple program.
Our goal is to compute the factorial of positive integer N.
A non-recursive definition would look like this:
int val = 1;
for(int x=1; x <= N; x++)
{
val = val * x;
}
But when we define a recursive method, it would be something like this:
int factorial(int N)
{
if(N == 1)
return 1;
else
return N * factorial(N-1);
}
Here...
How to Add Syntax Highlighter in Blogger
Feb 27, 2014
Follow these very simple steps on how to add syntax highlighter for your Blogger blog.
Go to Dashboard > Template.
Click on Edit HTML.
Copy the following code before the </head> tag.
<!-- Syntax Highlighter Additions START -->
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css"...
Sample Post with Syntax Highlighter
Feb 27, 2014
This is just a sample post using syntax highlighter.
Will discuss how to install the highlighter in a different post.
/// <summary>
/// Fetches number of scripts
/// </summary>
/// <param name="rowIndex">Row index where number of scripts would be placed</param>
private void DisplayNoOfScripts(int rowIndex)
{
int totalScripts = 0;
string filterScript = string.Format(@"{0} NOT LIKE NULL"
, Admin_Script.script_name.ToString(),);
...
"There are no games." in PSP
Feb 26, 2014
Not sure if this glitch still occurs but please allow me to share.
My PSP shows this message "There are no games." but I am pretty sure there are.
This happened when I added the game Rock Band Unplugged.
Well, it seems that installing this game deletes the GAME folder, but not the games.
To fix this, follow the steps below:
Create a new folder and name it "GAME".
Place the "GAME" folder inside the "PSP" folder.
Create a...
Subscribe to:
Posts (Atom)