Giter VIP home page Giter VIP logo

Comments (5)

mathiasbynens avatar mathiasbynens commented on May 21, 2024

Can’t you just use $('selector').removeClass('placeholder').val(someVariable) instead of just $('selector').val(someVariable) then?

from jquery-placeholder.

bglinkerman avatar bglinkerman commented on May 21, 2024

Well, that may work but I unfortunately am new to jQuery and am only familiar with using plugins from other users. Is the code you listed something I would insert into your plugin or does it go where I initialize your plugin...something like this:

$(document).ready(function (){
$('input, textarea').placeholder({ });
$('input, textarea').removeClass('placeholder').val(someVariable)";
});

Thanks

from jquery-placeholder.

mathiasbynens avatar mathiasbynens commented on May 21, 2024

Well, you said:

[…] Also, I have another field that is for a "time (hh:mm:ss)", the user can manually enter the time or click a "Now" button which will execute a javascript function and return the current time. Again, the time is filled into the input field but the text remains gray.

You’ll just need to add .removeClass('placeholder') there. Don’t edit the plugin, it will make it harder to upgrade. Show me your code if you need more help.

from jquery-placeholder.

bglinkerman avatar bglinkerman commented on May 21, 2024

Thanks again for giving me a hand with this, your help is very much appreciated:

Here is the javascript function that is executed when the button is clicked:

function currentTime(){ var d = new Date(); var curr_hour = d.getHours(); var curr_min = d.getMinutes(); var curr_sec = d.getSeconds();
curr_min = curr_min + "";

if (curr_min.length == 1){
    curr_min = "0" + curr_min;
}

curr_hour = curr_hour + ""; 

if (curr_hour.length == 1){
    curr_hour = "0" + curr_hour;
}   

curr_sec = curr_sec + "";   

if (curr_sec.length == 1){
    curr_sec = "0" + curr_sec;
}

var full_time = curr_hour  + ":" + curr_min + ":" + curr_sec;

return full_time;   

}

and my form looks like this:

<_input type='text' name='time' id='time' placeholder='HH:MM:SS' > <_input type='button' value='Now' onclick="form.date.value=currentTime();" > <_input type='submit' name='submit' id='submit' value='Submit' >

from jquery-placeholder.

mathiasbynens avatar mathiasbynens commented on May 21, 2024

You shouldn’t use inline onclick handlers in your HTML. You’re using jQuery, so it should be easy enough to select the button and add a click handler. Something like:

$('input[type="button"]').click(function(event) {
  event.preventDefault();
  $('#time').removeClass('placeholder').val(currentTime());
});

Closing this issue.

from jquery-placeholder.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.