Learn the essential functions of CompTIA Security+, which establishes the core knowledge required of any cybersecurity role and leads professionals into intermediate-level cybersecurity jobs.
jQuery
17K
Solutions
5K
Contributors
jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.
Share tech news, updates, or what's on your mind.
Hi,
I am working on this page:
https://genealogiskforum.dk/Gf_Magasin_content/
It has four panes at the top of the page, and this question is only about pane three and four.
If you go into pane three you see this navigation section at the top of the page.
It is in danish, but the translation is like this: Forrige = Previous, Næste = Next, Side = Page (the box shows the actual page number), af xx sider = of xx pages.
When using the Next and Previous buttons the pagenumber in the box changes nicely in both pane three and pane four. The problem is that when entering a pagenumber in the box in pane three and hit Enter nothing happens, and when doing the same in pane four it goes to the page you have entered as expected.
I get no messages in the console, ant no other other errors - just nothing happens.
The code lines in question is for pane three these:
HTML:
Script:
And the codelines for pane four are these:
HTML:
Script:
I just can't figure out where I am going wrong here, and I hope that someone can help me out with this.
I am working on this page:
https://genealogiskforum.dk/Gf_Magasin_content/
It has four panes at the top of the page, and this question is only about pane three and four.
If you go into pane three you see this navigation section at the top of the page.
It is in danish, but the translation is like this: Forrige = Previous, Næste = Next, Side = Page (the box shows the actual page number), af xx sider = of xx pages.When using the Next and Previous buttons the pagenumber in the box changes nicely in both pane three and pane four. The problem is that when entering a pagenumber in the box in pane three and hit Enter nothing happens, and when doing the same in pane four it goes to the page you have entered as expected.
I get no messages in the console, ant no other other errors - just nothing happens.
The code lines in question is for pane three these:
HTML:
<div class="flex-item"><input type="text" style="width: 45px; text-align:center; color: #f6f6f6; background-color:#808080; border: 1px solid #f6f6f6;margin-left:18px" id="my-page-input" value="1"></div>
Script:
var input5 = document.getElementById('my-page-input');
input5.addEventListener('keypress', function(event) {
if (event.which === 13) { // Return key
viewer.goToPage(parseInt(input5.value, 10)-1);
}
});
viewer.addHandler("page", function (data) {
input5.value = ( data.page + 1 );
});
And the codelines for pane four are these:
HTML:
<div class="flex-item"><input type="text" style="width: 45px; text-align:center; color: #f6f6f6; background-color:#808080; border: 1px solid #f6f6f6;margin-left:18px"; id="my-page-input2" value="1"></div>
Script:
var input2 = document.getElementById('my-page-input2');
input2.addEventListener('keypress', function(event) {
if (event.which === 13) { // Return key
viewer.goToPage(parseInt(input2.value, 10)-1);
}
});
viewer.addHandler("page", function (data) {
input2.value = ( data.page + 1 );
});
I just can't figure out where I am going wrong here, and I hope that someone can help me out with this.
Amazon Web Services
Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.
Why Diversity in Tech Matters
Kesha Williams, certified professional and software developer, explores the imbalance of diversity in the world of technology -- especially when it comes to hiring women. She showcases ways she's making a difference through the Colors of STEM program.
I am upgrading a site from javascript and jquery to Angular 7.
The site makes API calls to a server to deliver the HTML code.
What I am running into is that the code that comes from the server does not work. For example, here is a test example from my html component that shows the problem.
The first line is loaded in on initiation when the site loads and then changes when you move to a new page.
The second is a test line that I placed in there just to illustrate my problem.
The second line works exactly as it is supposed to.
But if the same button code comes in from an api read from the database, it doesn't work.
If you look at the code in the code inspector, you will see that the Angular coding has been applied to the second, but not to the first.
My assumption is that because this dynamic text is loaded after the rest of the site, the angular coding is not applied to the button tag and as such, the onclick doesn't work.
How do I get around this?
The code has to come dynamically from a database.
The site makes API calls to a server to deliver the HTML code.
What I am running into is that the code that comes from the server does not work. For example, here is a test example from my html component that shows the problem.
<div [innerHTML]="pageInfo.text | safeHtml"></div>
<p><button class="btn btn-default" (click)="btnclck('btngo')">Test</button></p>
The first line is loaded in on initiation when the site loads and then changes when you move to a new page.
The second is a test line that I placed in there just to illustrate my problem.
The second line works exactly as it is supposed to.
But if the same button code comes in from an api read from the database, it doesn't work.
If you look at the code in the code inspector, you will see that the Angular coding has been applied to the second, but not to the first.
My assumption is that because this dynamic text is loaded after the rest of the site, the angular coding is not applied to the button tag and as such, the onclick doesn't work.
How do I get around this?
The code has to come dynamically from a database.
jQuery
17K
Solutions
5K
Contributors
jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.
Top Experts In
jQuery
-
1
Julian Hansen59,823 points -
2
leakim97131,400 points -
3
Chris Stanyon23,150 points -
4
Bill Prew6,850 points -
5
Sam Jacobs6,100 points -
6
Zakaria Acharki6,100 points -
7
Obadiah Christopher4,150 points -
8
Mrunal4,150 points -
9
Scott Fell, EE MVE3,850 points -
10
Chris Michaelides3,800 points -
11
Miguel Oz3,800 points -
12
zc23,300 points -
13
vogen3,050 points -
14
David Favor3,050 points -
15
lenamtl3,000 points -
16
Murfur2,800 points -
17
David Johnson, CD, MVP900 points -
18
Ray Paseur621 points -
19
Kelvin McDaniel550 points -
20
Kimputer500 points -
21
slightwv (䄆 Netminder)350 points -
22
Thomas Zucker-Scharff300 points -
23
Marco Gasi106 points -
24
Dr. Klahn50 points -
25
Juan Ocasio50 points -
26
Chinmay Patel50 points -
27
David S.50 points