Jump to content

Raktim

Members
  • Content count

    14
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Raktim

  • Rank
    Newbie

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I want to start a service in web that my Clint can build their website using WYSIWYG web builder. That mean i want to give same to same web building opportunity like wordpress, JUMLA etc. How it is possible...If have any idea please share with me...Thank You
  2. sir, I Try to do it but i fail because i have no idea how i "replace text by image"... can you give any idea with example to replace text by image?....
  3. OK, Sir....I try to ready the code
  4. Sir, Can you help me with code to "replace text with image and vice-versa"..
  5. sir, I want to upgrade my code and change one in the code. So, I change my target. My old Target:- User can't add more than 3 Item in "Available today" list from "out-of-stock" list. My new Target:- User can't add more than 3 Item in "Available today" list from "out-of-stock" list. If, user select any text items in "out-of-stock" then it add in the "available today" list as picture. then if user click this picture in "available today" then it come back to "out-of-stock" as text. Example:- Let, user click "apple" text in "out-of-stock" it add "available today" list with "apple picture"...if, user click again the "apple picture" from "available today" if will come back in "out-of-stock" as text.... Have any Idea how I change it? Please Help Me....
  6. Sir, I honestly want to know why .size() practically not use?
  7. Sir, I think I clearly described MY TARGET in previous message...
  8. Thanks "dsonesuk" to provide me the code.....but it not working properly. Problem occur : After 3 items added then if user click any items in the "Available today" list it's remove but then would not be possible add items from "out-of-stock". Imagine after remove total item in "available today" is 2 then user can't add 1 item. I update My Js code and join just simply code. When user click any items in the "out-of-stock" then it check total number of added items item in the "available today" list. IF, it is less than 3 then it permit to execute the function to add the clicked item in the "available today" list. If it 3 then it stop the function to be execute. Here is my code where i do this process. $(document).on('click', '#out-of-stock li', function() { // right side click if ( $('#left ul li').size()==3 ) { alert ("YOU can only add 3 items!"); return; } var id = $(this).attr('id'); var available = 'yes'; $(this).remove(); $("#available").append(this); $.ajax({ // begin ajax url: "ajax/click.ajax.php", type: "GET", data: { 'id': id, 'available' : available }, }); // end ajax }); // end right side click Thank you for help me......
  9. According to "justsomeguy" order I post all The code that involve in the process.... My Target:- User can't add more than 3 Item in "Available today" list from "out-of-stock" list. HTML code <html> <head> <title>jQuery click UI</title> <meta charset="UTF-8"> <link rel="stylesheet" href="style-click.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> <script src="click.js"></script> </head> <body> <h1>jQuery click UI</h1> <div id="left"> <h2>Available today</h2> <ul id="available"> </ul> <div class="instructions" id="instructions-remove"> Click to remove fruits from available list </div> </div> <div id="right"> <h2>Out of stock</h2> <ul id="out-of-stock"> <li id='2'>bananas</li> <li id='10'>strawberries</li> <li id='11'>mangoes</li> <li id='12'>raspberries</li> <li id='1'>apples</li> <li id='3'>grapes</li> <li id='4'>pomegranates</li> <li id='5'>pineapples</li> <li id='6'>coconuts</li> <li id='7'>oranges</li> <li id='8'>cherries</li> <li id='9'>kiwi fruit</li> </ul> <div class="instructions" id="instructions-add"> Click to add fruits to available list </div> </div> </body> </html> Js code of "click.js" //code to add/remove li item between two list $(document).ready(function() { // begin document ready $('#instructions-add').hide(); $('#instructions-remove').hide(); $("ul#available").mouseover(function() { $('#instructions-remove').show(); $('#instructions-add').hide(); }); $("ul#out-of-stock").mouseover(function() { $('#instructions-add').show(); $('#instructions-remove').hide(); }); $(document).on('click', '#available li', function() { // begin left side click var id = $(this).attr('id'); var available = 'no'; $(this).remove(); $("#out-of-stock").append(this); $.ajax({ // begin ajax url: "ajax/click.ajax.php", type: "GET", data: { 'id': id, 'available' : available }, }); // end ajax }); // end left side click $(document).on('click', '#out-of-stock li', function() { // right side click var id = $(this).attr('id'); var available = 'yes'; $(this).remove(); $("#available").append(this); $.ajax({ // begin ajax url: "ajax/click.ajax.php", type: "GET", data: { 'id': id, 'available' : available }, }); // end ajax }); // end right side click $('li').on('mouseover',function() { $(this).css( { 'backgroundColor' : 'black', 'color' : 'white' } ); }).on('mouseout' ,function() { $('li').css( { 'backgroundColor' : '', 'color' : '' } ) }); }); // end document ready //code to add/remove li item between two list end here //check if "available today" already added 3 items then disable all item in "out-of-stock" and not allow to click $("li").click(function() { if ( $('#left ul li').size()==3 ) { alert('success'); document.getElementById("out-of-stock").disabled = true; } }); I try a JS code that if 3 items already added in the "Available today" then user click any item in "out-of-stock" it's check how many item added in "Available today" and it it's 3 alert shows and disable all remaining items in "out-of-stock". But the code can't work properly! Problem:- If user click any item in "out-of-stock" after 3 items add in "Available today" list it's shows alert but user can able to add more item even all in "Available today" list. can have any idea how i fix it. If, YES please solve it with code...........THANK YOU
  10. My Target:- User can't add more than 3 Item in "Available today" list from "out-of-stock" list. HTML code of "Available-today" list <div id="left"> <h2>Available today</h2> <ul id="available"> </ul> <div class="instructions" id="instructions-remove"> Click to remove fruits from available list </div> </div> HTML code of "out-of-stock" list <div id="right"> <h2>Out of stock</h2> <ul id="out-of-stock"> <li id='2'>bananas</li> <li id='10'>strawberries</li> <li id='11'>mangoes</li> <li id='12'>raspberries</li> <li id='1'>apples</li> <li id='3'>grapes</li> <li id='4'>pomegranates</li> <li id='5'>pineapples</li> <li id='6'>coconuts</li> <li id='7'>oranges</li> <li id='8'>cherries</li> <li id='9'>kiwi fruit</li> </ul> <div class="instructions" id="instructions-add"> Click to add fruits to available list </div> </div> I try a JS code that if 3 items already added in the "Available today" then user click any item in "out-of-stock" it's check how many item added in "Available today" and it it's 3 alert shows and disable all remaining items in "out-of-stock". But the code can't work properly! Problem:- If user click any item in "out-of-stock" after 3 items add in "Available today" list it's shows alert but user can able to add more item even all in "Available today" list. My Js code <script> $("li").click(function() { if ( $('#left ul li').size()==3 ) { alert('success'); document.getElementById("#right ul li").disabled = true; } }); </script> can have any idea how i fix it. If, YES please solve it with code...........THANK YOU
  11. sir/madam, I try to making a project that can "Allow only 3 items to add from one list to another" here IS MY CODE:- HTML CODE:- <!DOCTYPE html> <html> <head> <title>jQuery click UI</title> <meta charset="UTF-8"> <link rel="stylesheet" href="style-click.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> <script src="click.js"></script> </head> <body> <h1>jQuery click UI</h1> <div id="left"> <h2>Available today</h2> <ul id="available"> <li id='2'>bananas</li> <li id='10'>strawberries</li> <li id='11'>mangoes</li> <li id='12'>raspberries</li> </ul> <div class="instructions" id="instructions-remove"> Click to remove fruits from available list </div> </div> <div id="right"> <h2>Out of stock</h2> <ul id="out-of-stock"> <li id='1'>apples</li> <li id='3'>grapes</li> <li id='4'>pomegranates</li> <li id='5'>pineapples</li> <li id='6'>coconuts</li> <li id='7'>oranges</li> <li id='8'>cherries</li> <li id='9'>kiwi fruit</li> </ul> <div class="instructions" id="instructions-add"> Click to add fruits to available list </div> </div> </html> JS CODE:- $(document).ready(function() { // begin document ready $('#instructions-add').hide(); $('#instructions-remove').hide(); $("ul#available").mouseover(function() { $('#instructions-remove').show(); $('#instructions-add').hide(); }); $("ul#out-of-stock").mouseover(function() { $('#instructions-add').show(); $('#instructions-remove').hide(); }); $(document).on('click', '#available li', function() { // begin left side click var id = $(this).attr('id'); var available = 'no'; $(this).remove(); $("#out-of-stock").append(this); $.ajax({ // begin ajax url: "ajax/click.ajax.php", type: "GET", data: { 'id': id, 'available' : available }, }); // end ajax }); // end left side click $(document).on('click', '#out-of-stock li', function() { // right side click var id = $(this).attr('id'); var available = 'yes'; $(this).remove(); $("#available").append(this); $.ajax({ // begin ajax url: "ajax/click.ajax.php", type: "GET", data: { 'id': id, 'available' : available }, }); // end ajax }); // end right side click $('li').on('mouseover',function() { $(this).css( { 'backgroundColor' : 'black', 'color' : 'white' } ); }).on('mouseout' ,function() { $('li').css( { 'backgroundColor' : '', 'color' : '' } ) }); }); // end document ready Problem occur:- If I click one by one item from "out of stock" list, then it's possible to add more than 3 even all items in the "Available today" list. What I Need:-I need that user can't add more than 3 items in the "Available today" list from "out of stock". PLEASE HELP ME !!!!! THANK YOU !!!!!!
  12. Raktim

    OTP verification through Email

    I create 3 file but i face a proublem in the 'process.php' file. This file not redirect the user to the 'otp.php' file. For this reason User can not enter the OTP that he received through Email. Here are the code of the 3 PHP file-------> index.php otp.php process.php Details about my code:- 'index.php' file form action page is 'process.php' -------> 'process.php' file generate a OTP and send it to User email address. -------> 'process.php' file redirect user to 'otp.php' file and user enter THE OTP there and verify the OTP. Here is the link to watch which problem i face:- OTP verify through Email please modify my code and make it correct. !!!! THANK YOU !!!!!
  13. I watch more student ask for the PHP code of OTP verification through Email. I think it is very good quary from student. Please help me to make this code as project. and i request W3SCHOOL to post this code in the website. !!!!!! THANK YOU !!!!!
  14. How i make a Real time comment-replay script system in a website ?
×