|
i am new in angular. so trying to know how to share data between two controller and search google. i visited few pages and found most of the time people use factory to share data. i just like to know can't we do it by service instead of factory ?
1st example
<div ng-controller="FirstCtrl">
<input type="text" ng-model="data.firstName">
<br>Input is : {{data.firstName}}
</div>
<hr>
<div ng-controller="SecondCtrl">
Input should also be here: {{data.firstName}}
</div>
myApp.factory('MyService', function(){
return {
data: {
firstName: '',
lastName: ''
},
update: function(first, last) {
this.data.firstName = first;
this.data.lastName = last;
}
};
});
myApp.controller('SecondCtrl', function($scope, MyService){
$scope.data = MyService.data;
$scope.updateData = function(first, last) {
MyService.update(first, last);
}
});
2nd example
var myApp = angular.module('myApp', []);
myApp.factory('Data', function(){
var service = {
FirstName: '',
setFirstName: function(name) {
angular.copy(name, service.FirstName);
}
};
return service;
});
myApp.controller('FirstCtrl', function( $scope, Data ){
});
myApp.controller('SecondCtrl', function( $scope, Data ){
$scope.FirstName = Data.FirstName;
});
examples are taken from this url https://stackoverflow.com/questions/21919962/share-data-between-angularjs-controllers
please guide me.
|
|
|
|
|
|
Hello! )) I try to write handler for buttons in JS through CSS-selectors. But i meet with difficulties.
in case of links this code JQuery works fine:
$(document).ready(function() {
var steps = $("form").children(".step");
$(steps[0]).show();
var current_step = 0;
$("a.next").click(function(){
if (current_step == steps.length-2) {
$(this).hide();
$("form input[type=submit]").show();
}
$("a.back").show();
current_step++;
changeStep(current_step);
});
$("a.back").click(function(){
if (current_step == 1) {
$(this).hide();
}
$("form input[type=submit]").hide();
$("a.next").show();
current_step--;
changeStep(current_step);
});
function changeStep(i) {
$(steps).hide();
$(steps[i]).show();
}
});
But i'd rather to prefer make this fuctionality for buttons - "Next" and "Back"
My HTML-code
<!DOCTYPE html>
<HTML xmlns="http://www.w3.org/1999/xhtml" >
<HEAD>
<META name="viewport" content="width=device-width charset=UTF-8" HTTP-EQUIV="Content-Type"/>
<LINK rel="stylesheet" href="templates.css" type="text/css"/>
<SCRIPT type="text/javascript" src="jquery-3.2.1.js"></SCRIPT>
<SCRIPT type="text/javascript" src="steps_registration.js"></SCRIPT>
<TITLE>Page</TITLE>
</HEAD>
<BODY>
<FORM method="get" action="send.php">
<DIV class="step">
<P class="step">step 1</P>
<P>Name:<INPUT type="text" name="login" placeholder="Login"></P>
</DIV>
<DIV class="step">
<P class="step">step 2</P>
<P>Sourname:<INPUT type="text" name="sname" placeholder="Input sourname"></P>
</DIV>
<DIV class="step">
<P class="step">step 3</P>
<P>E-mail:<INPUT type="text" name="mail" placeholder="Input e-mail"></P>
</DIV>
<P class="talign">
<INPUT type="button" onClick="history.back();" value="Back" name="1">
<INPUT type="button" onClick="history.forward();" value="Next" name="2">
<a href="#" class="back">Back</A>
<a href="#" class="next">Next</A>
<INPUT type="submit" value="OK">
</P>
</FORM>
</BODY>
</HTML>
My CSS
body {
margin:0;
}
form {
width:30%;
margin:0 auto;
}
form div.step {
display:none;
}
form div.step p.step{
text-align:center;
font-size:28px;
}
form div.step p{
}
form div.step p input{
float:right;
}
a.back {
display:none;
}
form input[type=submit] {
display:none;
}
a {
color:#006600;
text-decoration:none;
}
form p.talign{
text-align:center;
}
|
|
|
|
|
I do not understand what you are asking.
There are two kinds of people in the world: those who can extrapolate from incomplete data.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
If you want to use button in place of link , then you have to use id of the button and use .click handler.
For instance, you have a button like this
<button id='btnNext'>Next</button>
then your click handler could be
$('#btnNext').click (.....
|
|
|
|
|
you want to use your input button in place of link , then you can use id of the input button and use .click handler.
Use HTML instance
<INPUT type="button" onClick="history.forward();" value="Next" name="2"> of this
<input type="button" id="btnNext" value="Next" name="2">
and Script
$("#btnNext").click(function () {
if (current_step == steps.length - 2) {
$(this).hide();
$("form input[type=submit]").show();
}
$("a.back").show();
current_step++;
changeStep(current_step);
});
do same as it is for another button
|
|
|
|
|
[DELETED]
-- modified 1-Jun-17 5:06am.
|
|
|
|
|
ArtCollector wrote: I must make sure that the OTP generation process is secure, "impossible" to bypass and free of any bugs or loopholes.
Do you think it's a really good idea to publish secure code on a public website and ask people to comment on problems?
You do realize that access to the source code makes hackers jobs a whole load easier?
I've deleted the link, and I'd strongly suggest that you delete it from the remote end as well before your IT security department notice it and rightly come down on you like a ton of bricks...
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
Did the code let you know which bank it was for? Need to know where never to put my money....
|
|
|
|
|
And again...
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
ArtCollector wrote: How could a hacker's job be a lot easier just because he can access the source code?
The fact that you work for a bank is scary. I wouldn't let you program my VCR.
|
|
|
|
|
Down vote countered.
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
Clearly, you have no idea about security...
Do you think that "not mentioning the bank" and then publicly publishing it's intellectual property anyway is going to be a good defence when higher ups find out? Suppose you wrote a game, and shortly before you released it to iTunes or Google Play I took a copy of your complete source and posted it on facebook. Would you be a happy bunny? Same thing.
And if you don't know how access to source code make it easier for people to work out ways round then frankly, I wouldn't let you program my calculator ...
It's worrying that someone so naive can be working on security systems to deal with real money: if my bank suddenly introduces a one-time-pin system in the next couple of months I'll be changing banks just in case it's some of your code. 
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
ArtCollector wrote: I must make sure that the OTP generation process is secure, "impossible" to bypass
Which rules out doing it on the client, then.
Unless you're using Node.js on the server, Javascript is not the way to go.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Stick to art collecting, you obviously do not have the first idea about banking security. But do let us know which bank it is as we all need some extra money.
|
|
|
|
|
Down vote countered - he clearly doesn't like the truth...
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
|
Psalm 119:160
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
<script src="js/canvasjs.min.js"></script>
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title-box">
<h3>Login Statistics</h3>
<%--<span>Visitors (last month)</span>--%>
</div>
<ul class="panel-controls" style="margin-top: 2px;">
<li><a href="#" class="panel-fullscreen"></a></li>
<li><a href="#" class="panel-refresh"></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"></a>
<ul class="dropdown-menu">
<li><a href="#" class="panel-collapse"> Collapse</a></li>
<li><a href="#" class="panel-remove"> Remove</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"></a>
<ul class="dropdown-menu" id="changeGraph">
<li id="line"><a href="#">Line Graph</a></li>
<li id="pie"><a href="#" >Pie Chart</a></li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
var myLink = document.getElementById('changeGraph');
$("#changeGraph li").click(function(){
var ids=this.id;
var loginChartType= this.id;
var loginToday = 9;
var loginWeek = 20;
var loginMonth = 30;
chartScriptFunc(loginChartType);
}
);
</script>
<script>
function chartScriptFunc(loginChartType) {
var chart = new CanvasJS.Chart("divLoginStats", {
title: {
text: "Login Statistics"
},
data: [
{
type: loginChartType,height:600,width:150,
dataPoints: [
{ label: "Today", y: 9 },
{ label: "This Week", y: 20 },
{ label: "This Month", y: 8 }
]
}
]
});
chart.render();
};
</script>
<div class="panel-body padding-0">
<div id="divLoginStats" style="height: 200px; width: 100%;">
</div>
<script>
var canvas = $("#divLoginStats .canvasjs-chart-canvas").get(0);
var dataURL = canvas.toDataURL();
$("#exportButton").click(function () {
var pdf = new jsPDF();
pdf.addImage(dataURL, 'JPEG', 0, 0);
pdf.save("download.pdf");
});
</script>
<button id="exportButton" type="button">Export as PDF</button>
</div>
</div>
|
|
|
|
|
Do you have a question?
There are two kinds of people in the world: those who can extrapolate from incomplete data.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Hello,
Can some one help me with JavaScript to read the Each row data from GridView and store it in the Array to use after postback.
GridView has 7 columns , where column 4 and 6 has TextBox and RadioButton list controls respectively.
Before postback, i would like to store textbox values and radiobutton selected index.
Regards,
VK
|
|
|
|
|
Where are you stuck?
1. Create array
2. Loop through rows in gridview
3. Add values to array,
4. Write to cookie, localStorage, Session, something
5. Etc.
There are two kinds of people in the world: those who can extrapolate from incomplete data.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Hello everyone.
I just recently started coding and I thought a good first project would be to automate inventory at work.
I'm working on a chrome extension that loads inventory, asks for the asset tag, searches for the tag, and then clicks the results of the search.
So far everything is great except for when I try to click the results of the search.
It doesn't matter what I try the click function always runs before everything else.
It doesn't make sense to me; here's what I have.
function getInfo() {
chrome.storage.sync.get('state', function (value) {
if (value.state == 'start'){
chrome.storage.sync.set({'state': 'noRun'})
getTag()
}
})
}
function getTag() {
var tagNum = prompt('Enter Asset Tag')
searchTag(tagNum)
}
function searchTag(search) {
document.getElementById('serial').value = search
document.forms.form1.submit()
setTimeout(function(){clickResults(), 15000})
}
function clickResults() {
document.getElementsByClassName('resultheader')[1].click()
}
getInfo()
If I move the setTimeout() to inside the clickResults() it breaks. 
Any help is appreciated.
Thank you!
|
|
|
|
|
hexcypher wrote: what I try the click function always runs before everything else.
What is "everything else?"
hexcypher wrote: If I move the setTimeout() to inside the clickResults() it breaks.
That's because you create infinite recursion.
There are two kinds of people in the world: those who can extrapolate from incomplete data.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Hi all,
I am trying to execute javascript in a PDF that will allow the form to be submitted via email with a subject line that will pull a value from a field in the form. I am able to get the email portion to work, but I have not been able to customize the subject line to pull from the field. Below is the base script I am using to send the email without the customized subject line:
this.submitForm({
cURL: "mailto:aamos@lrrc.com?subject=TSC Form&body=",
cSubmitAs: "PDF"
});
The field I am wanting to pull from is labeled "Name". Below was one of my attempts, all of which have not worked.
Failed Script:
this.submitForm({
var Name = this.getField("Name").value;
cURL: "mailto:aamos@lrrc.com?subject=TSC Form (Name)&body= ) ",
cSubmitAs: "PDF"
});
Can someone point me in the right direction or help me with where I went wrong in the script? I am new to this and glad I was able to execute the first script successfully but I feel I am in over my head with the customization.
Thanks in advance for your assistance.
AA
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
