jQWidgets Forums

Tagged: input widget, jqxinput

This topic contains 2 replies, has 2 voices, and was last updated by pepe 10 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

image before a jqxPasswordInput Posts
April 9, 2015 at 7:16 pm image before a jqxPasswordInput #69723

pepe
Participant

good afternoon, I am trying to add a button before jqxPasswordInput input but I can not, not if I’m doing something wrong or that you can not do. A greeting.

<!DOCTYPE html>
<html lang=”en”>
<head>

<title id=’Description’>This sample illustrates how to add a button after jqxInput. The same approach can be used for adding content before, after, or on both sides of the jqxInput.</title>

<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />

<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>

<script type=”text/javascript” src=”../../scripts/demos.js”></script>

<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>

<script type=”text/javascript” src=”../../jqwidgets/jqxinput.js”></script>

<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
</head>
<body class=’default’>

<div id=’content’>

<script type=”text/javascript”>
$(document).ready(function () {

// create jqxInput
$(
“#input”).jqxInput({ placeHolder: “Enter a Country”, height: 23, width: 250, minLength: 1,});
$(
“#search”).click(function () {
var value = $(
“#input”).val();
alert(
“Searching for: ” + value);
});
if (theme ==
“black” || theme == “darkblue” || theme == “shinyblack”) {
$(
“img”)[0].src = “../../images/search_white_lg.png”
}
});

</script>

<div id=”input”>

<input type=”text”/>

<div id=”search”></div>

</div>

</div>
</body>
</html>

April 10, 2015 at 1:18 pm image before a jqxPasswordInput #69758

Peter Stoev
Keymaster

Hi pepe,

You’re using jqxInput, not jqxPasswordInput. These are different widgets. For adding Button to jqxInput, look at: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxinput/inputgroup.htm?arctic.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

April 10, 2015 at 2:52 pm image before a jqxPasswordInput #69770

pepe
Participant

Hi , thanks for the reply , but I want to do with jqxPasswordInput what he does jqxInput , but not achievement. not if it can be done or am doing something wrong.

<!DOCTYPE html>
<html lang=”en”>
<head>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxpasswordinput.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
$(“#input”).jqxpasswordinput({
height: 23,
width: 250,
});

$(“#search”).click(function () {
var value = $(“#input”).val();
alert(“Searching for: ” + value);
});

});

</script>

</head>

<body>
<div id=’content’>
<div id=”input”>
<input type=”password”/>
<div id=”search”>

</div>
</div>
</div>
</body>
</html>
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.