Java JTable Style

How To Style A JTable Using Java NetBeans

JTable Style In Java



In this Java Tutorial we will see How To Style The Jtable By Changeing Row Height, Show Grid, Set Grid Color, Set Background, Set Foreground, Set Selection Background,  Set Selection Foreground, Set Font In Java NetBeans .




Project Source Code:


        jTable1.setRowHeight(40);
        //jTable1.setRowHeight(1, 100);

        jTable1.setShowGrid(true);
        jTable1.setGridColor(Color.red);

        jTable1.setBackground(Color.BLACK);
        jTable1.setForeground(Color.WHITE);
        
        jTable1.setSelectionBackground(Color.WHITE);
        jTable1.setSelectionForeground(Color.BLACK);
        
        jTable1.setFont(new Font("Comic Sans MS", Font.ITALIC, 20)); 


OutPut:

Style JTable Using Java




Java Placeholder

How To Create A Placeholder String Using Java NetBeans

Placeholder In Java



In this Java Tutorial we will see How To Make A JTextField With A PlaceHolder Text Using Events => jTextFieldFocusGained + jTextFieldFocusLost In Java NetBeans .




Project Source Code:


private void jTextField1FocusGained(java.awt.event.FocusEvent evt) {                                        
        
        if(jTextField1.getText().trim().toLowerCase().equals("email")){
            jTextField1.setText("");
            jTextField1.setForeground(Color.YELLOW);
        }
        
    }                                       

    private void jTextField1FocusLost(java.awt.event.FocusEvent evt) {                                      
      
        if(jTextField1.getText().trim().equals("") || jTextField1.getText().trim().toLowerCase().equals("email")){
            jTextField1.setText("Email");
            jTextField1.setForeground(new Color(236, 240, 241));
        }
        
    }                                     


    private void jTextField2FocusGained(java.awt.event.FocusEvent evt) {                                        
        if(jTextField2.getText().trim().toLowerCase().equals("username")){
            jTextField2.setText("");
            jTextField2.setForeground(Color.YELLOW);
        }
    }                                       

    private void jTextField2FocusLost(java.awt.event.FocusEvent evt) {                                      
        if(jTextField2.getText().trim().equals("") || jTextField2.getText().trim().toLowerCase().equals("username")){
            jTextField2.setText("Username");
            jTextField2.setForeground(new Color(236, 240, 241));
        }
        
    } 


OutPut:

Placeholder String In Java



VB.NET Tic Tac Toe Game Source Code

How To Make A TIC TAC TOE Game In VBNET 

VB.NET Tic-Tac-Toe Game


In This VB.NET Tutorial we will See How To Build A Tic-Tac-Toe Game With Replay And Get The Winner And Change Winning Boxes Color Using Visual Basic.Net And Visual Studio Editor .

Part 1

                                                                          Part 2

Part 3

                                                                          Part 4


Project Source Code:

    
Public Class VB_TIC_TAC_TOE

    Private Sub VB_TIC_TAC_TOE_Load(sender As Object, e As EventArgs) Handles MyBase.Load

        ' add event to all buttons inside the panel2 
        For Each c As Control In Panel2.Controls

            If c.GetType() = GetType(Button) Then

                AddHandler c.Click, AddressOf btn_Click

            End If

        Next

    End Sub

    Dim XorO As Integer = 0
    ' create button event 
    Private Sub btn_Click(sender As Object, e As EventArgs)

        Dim btn As Button = sender

        ' we will clear buttons text later 
        If btn.Text.Equals("") Then

            If XorO Mod 2 = 0 Then

                btn.Text = "X"
                btn.ForeColor = Color.Red
                Label1.Text = "[O] Turn"
                getTheWinner()

            Else
                btn.Text = "O"
                btn.ForeColor = Color.Blue
                Label1.Text = "[X] Turn"
                getTheWinner()
            End If

            XorO += 1

        End If

    End Sub

    Dim win As Boolean = False

    ' create a function to get the winner 
    Private Sub getTheWinner()

        If Not Button1.Text.Equals("") AndAlso Button1.Text.Equals(Button2.Text) AndAlso Button1.Text.Equals(Button3.Text) Then
            win = True
            winEffect(Button1, Button2, Button3)
        End If

        If Not Button4.Text.Equals("") AndAlso Button4.Text.Equals(Button5.Text) AndAlso Button4.Text.Equals(Button6.Text) Then
            win = True
            winEffect(Button4, Button5, Button6)
        End If

        If Not Button7.Text.Equals("") AndAlso Button7.Text.Equals(Button8.Text) AndAlso Button7.Text.Equals(Button9.Text) Then
            win = True
            winEffect(Button7, Button8, Button9)
        End If

        If Not Button1.Text.Equals("") AndAlso Button1.Text.Equals(Button4.Text) AndAlso Button1.Text.Equals(Button7.Text) Then
            win = True
            winEffect(Button1, Button4, Button7)
        End If

        If Not Button2.Text.Equals("") AndAlso Button2.Text.Equals(Button5.Text) AndAlso Button2.Text.Equals(Button8.Text) Then
            win = True
            winEffect(Button2, Button5, Button8)
        End If

        If Not Button3.Text.Equals("") AndAlso Button3.Text.Equals(Button6.Text) AndAlso Button3.Text.Equals(Button9.Text) Then
            win = True
            winEffect(Button3, Button6, Button9)
        End If

        If Not Button1.Text.Equals("") AndAlso Button1.Text.Equals(Button5.Text) AndAlso Button1.Text.Equals(Button9.Text) Then
            win = True
            winEffect(Button1, Button5, Button9)
        End If

        If Not Button3.Text.Equals("") AndAlso Button3.Text.Equals(Button5.Text) AndAlso Button3.Text.Equals(Button7.Text) Then
            win = True
            winEffect(Button3, Button5, Button7)
        End If

        ' if no one win later 
        ' 9 buttons with X or O mean 9 char = no button is empty 
        If allbuttonsTextLength() = 9 AndAlso win = False Then

            Label1.Text = "NO Winner"

        End If

    End Sub

   ' get all buttons text length 
    Function allbuttonsTextLength() As Integer

        Dim btnsTxtLength As Integer = 0

        For Each c As Control In Panel2.Controls

            If c.GetType() = GetType(Button) Then

                btnsTxtLength += c.Text.Length

            End If

        Next

        Return btnsTxtLength

    End Function

    ' win effect function to change buttons 
    ' background color + foreColor when one player win 
    Private Sub winEffect(ByVal b1 As Button, ByVal b2 As Button, ByVal b3 As Button)

        b1.BackColor = Color.Red
        b2.BackColor = Color.Red
        b3.BackColor = Color.Red

        b1.ForeColor = Color.White
        b2.ForeColor = Color.White
        b3.ForeColor = Color.White

        Label1.Text = b1.Text + " Win"

    End Sub

     ' new partie button 
    Private Sub ButtonNewPartie_Click(sender As Object, e As EventArgs) Handles ButtonNewPartie.Click

        XorO = 0
        win = False
        Label1.Text = "Play"
        For Each c As Control In Panel2.Controls

            If c.GetType() = GetType(Button) Then

                c.BackColor = Color.White
                c.Text = ""

            End If

        Next

    End Sub
End Class


download the source code


OUTPUT:





Javascript Count Character Occurrence

How To Count Specific Character Occurrence In A String Using Javascript 

Number Of Specific Char In A String Using Javascript


In This Javascript Tutorial we will See How To Count The Number Of Selected Char Occurrences In A Text Using JS And Netbeans Editor .


Project Source Code:

    
<!DOCTYPE html>
<html>
    <head>
        <title>Javascript Tutorial</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <p>Put Your Text Here To Search On It</p>

        <script>
            
            var txt = "Put Your Text Here To Search On It",
                count = 0;
            
            for(var i = 0; i < txt.length; i++){
                
                if(txt.charAt(i) === 'r'){
                    count++;
                }
                
            }
            console.log(count);
            
        </script>
     
    </body>
</html>




OUTPUT: 3







Javascript SlideShow

How To Create Images Slider In Javascript  

javascript slideshow


In This Javascript Tutorial we will See How To Make Two Images SlideShow Using translateXtranslateY To Display The Next And Previous Image In JS And Netbeans Editor .


Horizontal Slider Source Code:

    
<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript Slider 1</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <style>
            
            *{box-sizing: border-box}
            
            .main{
                   border: 1px solid #000;
                   width:50%;
                   position: relative;
                   background: url('../../images/wood-2.jpg');
                   background-size: cover;
                   margin: 50px auto;
                 }
                 
                 .container{
                             width: 500px;
                             height: 250px;
                             margin: 30px auto;
                             border: 1px solid #000;
                             position: relative;
                             overflow: hidden;
                 }   
            
                 .container .slider{
                                     width: 2500px;
                                     height: 250px;
                                     position: absolute;
                                     transition: all 1s ease-in-out;
                 }
                 
                 .container .slider .box{
                                         float: left;
                                         width: 500px;
                                         height: 100%;
                 }
                 
                 .container .slider .box:first-child{background: red}
                 .container .slider .box:nth-child(2){background: green}
                 .container .slider .box:nth-child(3){background: blue}
                 .container .slider .box:nth-child(4){background: black}
                 .container .slider .box:last-child{background: yellow}
                 
                 
                 .main .nav{
                             position: absolute;
                             top: 40%;
                             width: 60px;
                             height: 60px;
                             line-height: 60px;
                             font-size: 45px;
                             color: #fff;
                             background: rgba(36,33,32,0.4);
                             cursor: pointer;
                             transition: all .5s ease-in-out;
                             text-align: center;
                             opacity: 0.5;
                 }
                 
                 
                 .main:hover .nav{ opacity: 1 }
                 
                 .main .nav:hover{
                                   background: rgba(10,10,10,0.6);
                                   color: orangered;
                 }
                 
                 .next{right:0}
                 .previous{left: 0}
                 
        </style>
        
    </head>
    <body>
       
        <div class="main">
            
            <div class="container">
                
                <div class="slider" id="sld">
                    
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    
                </div>
                
            </div>
            
            <span  class="nav previous" onclick="fPrevious()"><</span>
            <span  class="nav next" onclick="fNext()">></span>
            
        </div>
        
        <script>
            
            var showed_box = 0;
            
            function fNext(){
                
                showed_box += -500;
                
                if(showed_box < -2000)
                    showed_box = 0;
                
                document.getElementById('sld').style.transform = "translateX("+showed_box+"px)"; 
            }
            
            function fPrevious(){
                
                showed_box += 500;
                
                if(showed_box > 0)
                    showed_box = -2000;
                
                document.getElementById('sld').style.transform = "translateX("+showed_box+"px)"; 
                
            }
            
        </script>
        
        
    </body>
</html>



OUTPUT:



horizontal slideshow in javascript



Vertical Slider Source Code:

    
<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript Slider 2</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <style>
            
            *{box-sizing: border-box}
            
            .main{
                   border: 1px solid #000;
                   width:30%;
                   position: relative;
                   background: url('../../images/wood-2.jpg');
                   background-size: cover;
                   margin: 50px auto;
                 }
                 
                 .container{
                             width: 250px;
                             height: 500px;
                             margin: 30px auto;
                             border: 1px solid #000;
                             position: relative;
                             overflow: hidden;
                 }   
            
                 .container .slider{
                                     width: 250px;
                                     height: 2500px;
                                     position: absolute;
                                     transition: all 1s ease-in-out;
                 }
                 
                 .container .slider .box{
                                         float: left;
                                         width: 250px;
                                         height: 500px;
                 }
                 
                 .container .slider .box:first-child{background: red}
                 .container .slider .box:nth-child(2){background: green}
                 .container .slider .box:nth-child(3){background: blue}
                 .container .slider .box:nth-child(4){background: black}
                 .container .slider .box:last-child{background: yellow}
                 
                 
                 .main .nav{
                             position: absolute;
                             right:  40%;
                             width: 60px;
                             height: 60px;
                             line-height: 60px;
                             font-size: 45px;
                             color: #fff;
                             background: rgba(36,33,32,0.4);
                             cursor: pointer;
                             transition: all .5s ease-in-out;
                             text-align: center;
                             opacity: 0.5;
                 }
                 
                 
                 .main:hover .nav{ opacity: 1 }
                 
                 .main .nav:hover{
                                   background: rgba(10,10,10,0.6);
                                   color: orangered;
                 }
                 
                 .next{top:0}
                 .previous{bottom: 0}
                 
        </style>
        
    </head>
    <body>
       
        <div class="main">
            
            <div class="container">
                
                <div class="slider" id="sld">
                    
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    
                </div>
                
            </div>
            
            <span  class="nav previous" onclick="fPrevious()">&dArr;</span>
            <span  class="nav next" onclick="fNext()">&uArr;</span>
            
        </div>
        
        <script>
            
            var showed_box = 0;
            
            function fNext(){
                
                showed_box += -500;
                
                if(showed_box < -2000)
                    showed_box = 0;
                
                document.getElementById('sld').style.transform = "translateY("+showed_box+"px)"; 
            }
            
            function fPrevious(){
                
                showed_box += 500;
                
                if(showed_box > 0)
                    showed_box = -2000;
                
                document.getElementById('sld').style.transform = "translateY("+showed_box+"px)"; 
                
            }
            
        </script>
        
        
    </body>
</html>




OUTPUT:


vertical slideshow in javascript