|
hi everybody here, I have requirement, in the following way, i have some button or link, when its clicked it opens a new Window, i want to pass some values or (maybe state) from parent window to child window like user id, user name etc (just user id is also enough), in the child window user enters values and clicks on the submit button, what i want is
1. either the data from the child window to be posted along with the user id information, then the components like grid, dropdown, textbox etc in the main window refresh with the newly entered values without page flickering
2. or all those values to be transferred to the main window to refresh with new values, and main window submit button submit those values.
Anybody please give me an example for it or is there any better approach for it than React iFrames, any help - thanks in advance.
|
|
|
|
|
Any given div-based modal would be better than that. I'd be hard pressed to give a good reason to use an iFrame in HTML5 that wouldn't be better served by another approach.
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
Since you mention react, react modal could be one option. If not, then bootstrap too provides a modal dialog.
"It is easy to decipher extraterrestrial signals after deciphering Javascript and VB6 themselves.", ISanti[ ^]
|
|
|
|
|
iFrames are old school, outdated and are not really PCI compliant in my opinion. They can be hijacked and used for other purposes.
I would just use a modal window, in whatever responsive framework you have chosen.
Write a click function and pass the userId in HTML5, then use that Id to select the record and use the same function to populate the modal display fields and show the modal.
Something like
<button (click)="userInfo(model.userId);"></button>
userInfo(userId: string): void {
const user = getUser(userId);
modalUserInfo.show();
}
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
|
Is there any SDK or API available to integrate with CISCO IP Phones.
The idea is to make a call out to the user's CISCO IP phone from an Incident management system. So the call will be initiated from the application instead of phone. then the users should hear the text passed along with the call as voice message.
Is there any way or any samples to do in ASP .Net ?
|
|
|
|
|
You probably need to ask CISCO, it's their device.
|
|
|
|
|
It looks like CUCM uses several different possible API plugins, partially dependent on version. There may be third party software to do what you want, but if you want to do this plan for it to be a fairly complex project.
You might want to learn more about your company telecom platform to determine which approach is best, but it looks like a SOAP interface is going to be your path of least resistance.
Cisco Unified Communications Manager (CallManager) - Programming Guides - Cisco
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
Hi all,
USING ASP.NET WITH C#.NET
I want to display multiple PDF files from one folder for one user.
I m having multiple users, each and every user uploading multiple PDF files, those pdf files storing to the folder, every user having a separate folder. Now I want to see pdf files for one user, that user pdf files want to display same web page using to see navigation without merge pdf files.
|
|
|
|
|
In Web applications it is usually the user's decision as to what is displayed at any time, based on selections made from choices offered to them.
|
|
|
|
|
Hi all dears,
I have an unordered list, the items in the list are diaplyed vertical always, I am trying different approaches, but still not working, I set the inline style attribute display, to flex or inline but nothing works, can anybody please help me who has gone through the same issue anytime previously.
<pre>import React from 'react';
import { connect } from 'react-redux';
import '../css//bootstrap.css'
import xxxHeader from '../images/header/xxxclassic-ca.png'
import xxxClassicTwitter from '../images/header/xxxclassic-twitter.png'
import xxxx from '../images/header/xxxclassic-linkedin.png'
import CalxxxxInfo from '../images/header/xxxclassic-ytube.png'
import xxxxClassicEmail from '../images/header/xxxclassic-email.png'
import HeaderOrganization from '../images/header/header_organization.png'
const divStyle = {
display: 'flex',
alignItems: 'center'
};
const HeaderMenu = (props) => (
<header>
<div className="header-top-outer container-fluid" style={divStyle}>
<div className="container">
<ul className="header-top" style={divStyle}>
<li><a href='http://www.xxxx.xxx' target="_blank"><img src={xxxHeader} alt="California dot gov website" /></a></li>
<li><a href='https://twitter.com/xxxxResources' target="_blank"><img src={xxxClassicTwitter} alt="xxxx Resources Board Twitter" /></a></li>
<li className="header-top"><a href='https://www.youtube.com/user/calxxxxinfo' target="_blank"><img src={CalxxxxInfo} alt="xxxx Resources Board Youtube" /></a></li>
<li className="header-top"><a href='https://www.linkedin.com/company/california-xxxx-resources-board' target="_blank"><img src={xxxx} alt="xxxx Resources Board LinkedIn" /></a></li>
<li className="header-top"><a href='https://public.govdelivery.com/accounts/xxxx/subscriber/new?topic_id=listserv' target="_blank"><img src={xxxxClassicEmail} alt="xxxx Resources Board Email" /></a></li>
</ul>
</div>
</div>
<div className="container">
<div className="header-bottom clearfix">
<div className="float-left">
<a href="http://xxx.xxxx.xxx"><img src={HeaderOrganization} className="xxxx-logo" alt="California xxxx Resources Board Logo" /></a>
</div>
<nav>
<ul className="nav float-right" style={divStyle}>
<li className="nav-item"><a className="nav-link" href="https://ww2.xxx.xxxx.xxx/community-xxxx-quality-portal">Home</a></li>
<li className="nav-item"><a className="nav-link" href="about.html">About</a></li>
<li className="nav-item"><a className="nav-link active" href="index.html">Preview</a></li>
<li className="nav-item"><a className="nav-link" href="data.html">Access Data</a></li>
<li className="nav-item"><a className="nav-link" href="mailto:aqview@xxx.xxxx.xxx">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
);
export default connect()(HeaderMenu);
Any help please
|
|
|
|
|
You most likely have rules in the header-top or nav CSS classes with !important set, which overrides the style attribute. Try using your browser's developer tools to inspect the list element to see what's going wrong.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Sure thank you Richard, yeah actually I did - thanks Richard
|
|
|
|
|
li
{
margin:10px;
float:left;
}
|
|
|
|
|
|
Hi, I am converting an ASP.Net MVC jQuery application into React Web api application, in a situation when I was converting the app into React, i have come across the following Code, can somebody please suggest me to have same functionality but convert this into React Code, any help,a code snippet, a link or even a suggestion helps me great - thanks in advance.
<div class="comment-section">
<div class="row">
<div class="col-md-12">
<div class="survey-monkey container">
<script>
(function (t, e, s, n) {
var o, a, c;
t.SMCX = t.SMCX || [], e.getElementById(n) || (o = e.getElementsByTagName(s), a = o[o.length - 1], c = e.createElement(s), c.type = "text/javascript", c.async = !0, c.id = n, c.src = ["https:" === location.protocol ? "https://" : "http://", "widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgdzgtBo_2F6tfoVOyv2tOWZS06jxcEDEbnlRlhzBZ5fovBO.js"].join(""), a.parentNode.insertBefore(c, a))
})(window, document, "script", "smcx-sdk");</script>
</div>
</div>
</div>
</div>
Basically I want to convert
function (t, e, s, n) part into React, that whole function call into React - any help please
When I put as it is in the React jsx, its giving me error saying that "Syntax error: Unexpected token (121:45)" Any help please
modified 24-Sep-19 17:24pm.
|
|
|
|
|
That's not JQuery, it's compressed Javacript.
There's no reason to convert that script for React.
It's part of SurveyMonkey to initialize a survey.
I can't tell what line 121 char position 45 is to answer the question
If it ain't broke don't fix it
Discover my world at jkirkerx.com
modified 24-Sep-19 18:32pm.
|
|
|
|
|
|
Hi all, I am Trying to convert an ASP.Net MVC jQuery application into ASP.Net React API application, in a situation I needed to import multiple images from almost same folder or folders from same root directories, hence I decided to write a function that returns array to be able to read the image url in the component.
For some reason its giving me error, here in this below Code I am attempting to write function within const but if I can write it in a separate js or jsx file for common usage and reference it in my const component it would be really helpful for me. But before that I am getting a syntax error as below in the line at "const"
const images = importAll(require.context('./images', false, '/\.png/'));
My full code for this component is as below:
import React from 'react';
import { connect } from 'react-redux';
import '../css//bootstrap.css'
import ArbHeader from '../images/header/arbclassic-ca.png'
import ArbClassicTwitter from '../images/header/arbclassic-twitter.png'
import xxxx from '../images/header/arbclassic-linkedin.png'
import CalxxxInfo from '../images/header/arbclassic-ytube.png'
import xxxClassicEmail from '../images/header/arbclassic-email.png'
import HeaderOrganization from '../images/header/header_organization.png'
import ARBFooterTwitter from '../images/footer/twitter.png'
import ARBFooterYouTube from '../images/footer/youtube.png'
import ARBFooterLinkedIn from '../images/footer/linkedin.png'
import ARBFooterEmail from '../images/footer/email.png'
let url = '../images/header';
const Dashboard = (props) => (
function importAll(r) {
let images = {};
r.keys().map((item, index) => { images[item.replace('./', '')] = r(item); });
return images;
}
const images = importAll(require.context('./images', false, '/\.png/'));
<React.Fragment>
<header>
<div className="header-top-outer container-fluid">
<div className="container">
<ul className="header-top">
<li><a href='http://www.ca.gov' target="_blank"><img src={ArbHeader} alt="California dot gov website" /></a></li>
<li><a href='https://twitter.com/xxxResources' target="_blank"><img src={ArbClassicTwitter} alt="xxx Resources Board Twitter" /></a></li>
<li><a href='https://www.youtube.com/user/calxxxinfo' target="_blank"><img src={CalxxxInfo} alt="xxx Resources Board Youtube" /></a></li>
<li><a href='https://www.linkedin.com/company/california-xxx-resources-board' target="_blank"><img src={xxxx} alt="xxx Resources Board LinkedIn" /></a></li>
<li><a href='https://public.govdelivery.com/accounts/xxxx/subscriber/new?topic_id=listserv' target="_blank"><img src={xxxClassicEmail} alt="xxx Resources Board Email" /></a></li>
</ul>
</div>
</div>
<div className="container">
<div className="header-bottom clearfix">
<div className="float-left">
<a href="http://arb.ca.gov"><img src={HeaderOrganization} className="xxxx-logo" alt="California xxx Resources Board Logo" /></a>
</div>
<nav>
<ul className="nav float-right">
<li className="nav-item"><a className="nav-link" href="https://ww2.arb.ca.gov/community-xxx-quality-portal">Home</a></li>
<li className="nav-item"><a className="nav-link" href="about.html">About</a></li>
<li className="nav-item"><a className="nav-link active" href="index.html">Preview</a></li>
<li className="nav-item"><a className="nav-link" href="data.html">Access Data</a></li>
<li className="nav-item"><a className="nav-link" href="mailto:aqview@arb.ca.gov">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<footer>
<div className="footer-outer container-fluid">
<div className="footer-container container">
<div className="row">
<div className="footer-left col-md-6">
<h2>Contact Us</h2>
<a href="tel:8002424450">(800) 242-4450</a> | <a href="mailto:helpline@arb.ca.gov">helpline@arb.ca.gov</a>
<p>1001 I Street, Sacramento, CA 95814</p>
<p>P.O. Box 2815, Sacramento, CA 95812</p>
<p className="version">AQView Version 1.0</p>
</div>
<div className="footer-right col-md-6">
<div className="footer-right-social-outer container-fluid">
<ul className="footer-right-social">
<li><a href="https://twitter.com/xxxResources" target="_blank"><img src={ARBFooterTwitter} alt="Link to ARB Twitter" /></a></li>
<li><a href="https://www.youtube.com/user/calxxxinfo" target="_blank"><img src={ARBFooterYouTube} alt="Link to ARB YouTube" /></a></li>
<li><a href="https://www.linkedin.com/company/california-xxx-resources-board" target="_blank"><img src={ARBFooterLinkedIn} alt="Link to ARB LinkedIn" /></a></li>
<li><a href="https://public.govdelivery.com/accounts/xxxx/subscriber/new?topic_id=listserv" target="_blank"><img src={ARBFooterEmail} alt="Link to ARB Email" /></a></li>
</ul>
</div>
<ul className="footer-nav">
<li><a href="https://ww2.arb.ca.gov/accessibility">Accessibility</a></li>
<li><a href="https://ww2.arb.ca.gov/xxxxis-privacy-and-conditions-use">Privacy Policy</a></li>
<li><a href="https://ww2.arb.ca.gov/xxxxis-privacy-and-conditions-use">Conditions of Use</a></li>
<li><a href="https://www.arb.ca.gov/capcoa/roster.htm">Local xxx Districts</a></li>
<li><a href="http://registertovote.ca.gov/" target="_blank">Register to Vote</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</React.Fragment>
);
export default connect()(Dashboard);
Any help would be greatly helpful - thanks in advance.
modified 24-Sep-19 19:29pm.
|
|
|
|
|
Is importAll a function that you or somebody in your group wrote?
If so you should ask the author about it.
I would imagine that you just call or import each image's physical location in the React component,
And then use something like webpack to gather the physical images and copy them to the final location that you stated in the component. The webpack can also compress the images as well. It would be a waste of CPU for the component to handle this task.
Import all files in folder · Issue #705 · rails/webpacker · GitHub
By the way, I live in California and use that website.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
modified 25-Sep-19 15:03pm.
|
|
|
|
|
jkirkerx wrote: Is importAll a function that you or somebody in your group wrote?
No i tried it online, but that seems to incorrect approach in terms of performance and complexity, the link that you have provided looks good to me.
jkirkerx wrote: Import all files in folder · Issue #705 · rails/webpacker · GitHub
got it, it looks good to me
jkirkerx wrote: By the way, I live in California and use the CARB website and find it odd that your working on it.
I understand I removed the domain name - sorry for that, after a long time I am on this site again, so forgot the etiquette of posting 
thanks my friend
|
|
|
|
|
Can you please scrub my domain name from your message too buddy?
|
|
|
|
|
BTW I am almost there to finish that conversion my friend - but thanks for all the support you have been giving to me and to many on this forum. Yes as you said it was really PIB converting all the jQuery and bootstrap everything into React, main problem was jQuery code isn't nicely readable - the parenthesis after parenthesis and braces just confusing a lot - where it starts and where ends. Most of that was really easy in React though. Its just close to finish and getting ready to give a Demo in couple of days - and once again thank you.
|
|
|
|
|
Well that was fast!
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
I have a form that submit a query to an API. the parameter is passed correctly to the next page and I can print it as a test, but it is not passed to the API query
q='%"&Request.QueryString("id")&"%'
sometimes the result is just generic and does not include the query parameter. I can print it and the parameter is definitely passed to the page but it is just ignored or return an error: System.NullReferenceException: Object reference not set to an instance of an object. Any ideas on how to fix this? not sure if it is a formatting issue or the way the page is loaded.
This requests the query parameter and displays it on the page as a test (correct value is returned)
Form page:
dim intID as String
intID = Request.QueryString("id")
Response.write(intID)
Result Page:
This is the Query Parameter section:
Dim doc As New XmlDocument()
doc.Load("http://api.tradedoubler.com/1.0/products.xml; q='%"&Request.QueryString("id")&"%';tdCategoryId=168;%20category=test?token=B17495243749DAC9660980F6FB98495928DDX123")
So when I use the browser - copy the link to the url with a parameter e.g. q=spain, I get the correct results but when embedded in the asp.net page, it doesn't work
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
