I have a form and when user click button for multiple times than the data is also going to save multiple time in database. I am doing it to restrict multiple clicks to prevent this and This is my code but it is still not working.
<head>
<link href="~/Contents/css/style1.css" rel="stylesheet" />
<script>
$('form').submit(function () {
$(this).find(':submit').attr('disabled', 'disabled');
});
</script>
</head>
<div class="w3layouts_main wrap">
<h1 class="agile_head text-center" style="color: #e60053 ;font-family :'Comic Sans MS'">Share Your Experience</h1>
<form action="#" method="post" class="agile_form" id="form1">
<h1 style="color: white; font-size: large">1. Quality of Service. </h1>
<h2 style="color : #0086ce" >How satisfied were you with our Service?</h2>
<!--Star Raiting-->
<span class="SmileyRating" data-name="QualityOfService">
</span>
<br />
<!--Star Raiting End-->
<h1 style="color: white; font-size: large">2. Quality of Food. </h1>
<h2 style="color : #0086ce">How satisfied were you with our Food?</h2>
<span class="SmileyRating" data-name="QualityOfFood">
</span>
<br />
<!--Star Raiting End-->
<h1 style="color: white; font-size: large">3. Cleanliness of Lounge. </h1>
<h2 style="color : #0086ce">How satisfied were you with Marhaba Lounge Cleaning?</h2>
<span class="SmileyRating" data-name="CleanlinessOfLounge">
</span>
<br />
<!--Star Raiting End-->
<h1 style="color: white; font-size: large">4. Friendliness of Staff. </h1>
<h2 style="color : #0086ce">How satisfied were you with our Staff?</h2>
<span class="SmileyRating" data-name="FriendlinessOfStaff">
</span>
<br />
<!--Star Raiting End-->
<h1 style="color: white; font-size: large">5. Overall experience. </h1>
<h2 style="color : #0086ce">How satisfied were you with Marhaba Lounge?</h2>
<span class="SmileyRating" data-name="OverAllExperience">
</span>
<br />
<!--Star Raiting End-->
<h3 style="color: white; font-size: large">Valuable Suggestions.</h3>
<textarea placeholder="Additional comments" class="w3l_summary" name="Comments"></textarea>
<input id="formSubmit" type="submit" value="Submit" class="agileinfo" style= "background-color: white; color: #e60053 " onmouseover="this.style.backgroundColor = '#e60053', this.style.color = 'white' " onmouseout="this.style.backgroundColor = 'white', this.style.color = '#e60053'" />
</form>
</div>
script to achieve what i want is this
<script>
$('form').submit(function () {
$(this).find(':submit').attr('disabled', 'disabled');
});
</script>
What am I doing wrong here? how to debug the jQuery in visual studio?
Here you go with a solution if you are using jQuery v1.6 lesser version
$('form').submit(function() {
$(this).find("input[type='submit']").attr('disabled','disabled');
});
For jQuery v1.6 +
$('form').submit(function() {
$(this).find("input[type='submit']").prop('disabled',true);
});
Hope this will help you.
Related
I am trying to set a transition between sections on a single page application, they are all on the same page but the other sections are set to display none so when I perform an event the display none is toggled for the section requested, now I don't just want the section to come in like that rather set a timeout that would make the section coming in not come in immediately but after like 5s, how can I achieve this, I already tried settimeout but it doesn't seem to work
Outline of problem
All sections except one have display none,
Event is performed on the page that doesn't have display none to bring in requested section and toggle display none
Upon request of page, the page transitions in or has a timeout, so the page doesn't swoop in immediately
Code below,
HTML
<div class="main-container">
<div class="page padding main" id="page-main">
<div class="modal hidden">
<button class="btn-close-modal">×</button>
<h2 class="modal-header">Login to your account</h2>
<form class="modal-form">
<div>
<label for="">Username:</label>
<input type="text" />
</div>
<div>
<label for="">Password:</label>
<input type="text" />
</div>
<button class="btn header-button">Login →</button>
</form>
</div>
<div class="overlay hidden"></div>
<nav class="header-nav">
<a href="#" class="header-img">
<svg viewBox="0 0 256 256" class="header-svg">
<path
class="path"
d="m 15.625507,46.199537 55.767886,-32.030352 55.623047,32.281229 -0.14485,64.311586 0.14485,-64.311586 55.76788,-32.030352 55.62305,32.281229 -0.14485,64.311579 -55.76788,32.03036 -55.62305,-32.28123 55.62305,32.28123 -0.14485,64.31158 -55.76788,32.03035 L 70.958866,207.10393 71.103708,142.79235 126.87159,110.762 71.103708,142.79235 15.480664,110.51112 Z"
style="
fill: none;
stroke: #000;
stroke-width: 13;
stroke-linejoin: round;
stroke-linecap: round;
"
/>
</svg>
</a>
<button
class="header-button login"
type="button"
data-page="page-login"
>
LOGIN
</button>
</nav>
<div class="header-hero">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="header-text">
<h1 class="header-text-description">
Make Banking Easy with Express
</h1>
<p class="header-text-texts">
Together we can make banking awesome!
</p>
<p class="header-text-texts">
Use our mobile app to your need today
</p>
<button class="header-button header-buttons" type="button">
Services
</button>
</div>
<div class="header-image hide-for-desktop">
<img src="./assets/hand.jpg" alt="" class="header-hand" />
<button class="header-image-1">Transfer</button>
<button class="header-image-2">Loan</button>
</div>
</div>
<div class="page u-none" id="page-login">
<nav>
<a data-page="page-dashboard">User Settings</a>
<a data-page="page-main">Logout</a>
</nav>
<h1>MAIN PAGE</h1>
<form action="" name="login" method="" id="form-id" required>
<label for="name">Name</label>
<input type="text" id="name" />
<label for="pin">Pin</label>
<input type="text" id="pin" />
<button type="submit" class="submit">Submit</button>
</form>
</div>
<div class="page u-none" id="page-signup">
<nav>
<a data-page="page-settings">User Settings</a>
<a data-page="page-login">Logout</a>
</nav>
<h1>MAIN PAGE</h1>
<form action="" name="login" method="" id="form-id" required>
<label for="name">Name</label>
<input type="text" id="name" />
<label for="pin">Pin</label>
<input type="text" id="pin" />
<button type="submit" class="submit">Submit</button>
</form>
</div>
<div class="page u-none" id="page-dashboard">
<nav>
<a data-page="page-main">Back to Main</a>
<a data-page="page-login">Logout</a>
</nav>
<h1>SETTINGS PAGE</h1>
</div>
</div>
CSS
nav {
display: flex;
}
nav a {
color: #00f;
padding: 5px 10px;
cursor: pointer;
}
/* Utility classes */
.u-none {
display: none;
opacity: 0;
animation: 2s fadeIn forwards;
}
#keyframes fadeIn {
100% {
opacity: 1;
display: block;
}
}
Javascript
const ELS_pages = document.querySelectorAll('.page');
const ELS_buttons = document.querySelectorAll('[data-page]');
console.log(ELS_pages);
console.log(ELS_buttons);
const submit = document.querySelector('.submit');
const goToPage = (id) => {
ELS_pages.forEach((EL, i) => {
// console.log(EL.id);
console.log(`${i} : ${EL.id}`);
console.log(id);
// EL.classList.toggle("u-none", EL.id !== id);
setTimeout(() => {
if (EL.id === id) {
EL.classList.remove('u-none');
} else {
EL.classList.add('u-none');
}
}, 20);
});
};
// goToPage("page-main");
ELS_buttons.forEach((EL) =>
EL.addEventListener('click', () => {
goToPage(EL.dataset.page);
})
);
The following is a very basic implementation. It can be changed in many ways depending on your wanted effect. I had to modify your HTML because you had your pages nested on the main page and when the latter got hidden, it was hiding all the other pages too.
const ELS_pages = document.querySelectorAll('.page');
const ELS_buttons = document.querySelectorAll('[data-page]');
const submit = document.querySelector('.submit');
const goToPage = (id) => {
ELS_pages.forEach((EL, i) => {
if (EL.id === id) {
setTimeout(() => {
EL.classList.remove('u-none');
// THIS TIMEOUT IS IMPORTANT TO ALLOW BROWSER TO REPAINT AFTER CHANGING display PROPERTY. IF NOT, TRANSITION COULD NOT WORK.
setTimeout(() => {
EL.style.opacity = 1;
}, 100);
}, 1000);
} else {
EL.style.opacity = 0;
setTimeout(() => {
EL.classList.add('u-none');
}, 1000);
}
});
};
ELS_buttons.forEach((EL) =>
EL.addEventListener('click', () => {
goToPage(EL.dataset.page);
})
);
goToPage('page-main');
nav {
display: flex;
}
nav a {
color: #00f;
padding: 5px 10px;
cursor: pointer;
}
.page {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.u-none {
display: none;
}
<div class="main-container">
<div class="page padding main u-none" id="page-main">
<div class="modal hidden">
<button class="btn-close-modal">×</button>
<h2 class="modal-header">Login to your account</h2>
<form class="modal-form">
<div>
<label for="input-username">Username:</label>
<input id="input-username" type="text"/>
</div>
<div>
<label for="input-password">Password:</label>
<input id="input-password" type="text"/>
</div>
<button class="btn header-button">Login →</button>
</form>
</div>
<div class="overlay hidden"></div>
<nav class="header-nav">
<a href="#" class="header-img">
<svg viewBox="0 0 256 256" class="header-svg">
<path
class="path"
d="m 15.625507,46.199537 55.767886,-32.030352 55.623047,32.281229 -0.14485,64.311586 0.14485,-64.311586 55.76788,-32.030352 55.62305,32.281229 -0.14485,64.311579 -55.76788,32.03036 -55.62305,-32.28123 55.62305,32.28123 -0.14485,64.31158 -55.76788,32.03035 L 70.958866,207.10393 71.103708,142.79235 126.87159,110.762 71.103708,142.79235 15.480664,110.51112 Z"
style="
fill: none;
stroke: #000;
stroke-width: 13;
stroke-linejoin: round;
stroke-linecap: round;
"
/>
</svg>
</a>
<button
class="header-button login"
type="button"
data-page="page-login"
>
LOGIN
</button>
</nav>
<div class="header-hero">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="header-text">
<h1 class="header-text-description">
Make Banking Easy with Express
</h1>
<p class="header-text-texts">
Together we can make banking awesome!
</p>
<p class="header-text-texts">
Use our mobile app to your need today
</p>
<button class="header-button header-buttons" type="button">
Services
</button>
</div>
<div class="header-image hide-for-desktop">
<img src="./assets/hand.jpg" alt="" class="header-hand"/>
<button class="header-image-1">Transfer</button>
<button class="header-image-2">Loan</button>
</div>
</div>
</div>
<div class="page u-none" id="page-login">
<nav>
<a data-page="page-dashboard">User Settings</a>
<a data-page="page-main">Logout</a>
</nav>
<h1>MAIN PAGE 1</h1>
<form action="" name="login" method="POST" id="form-1">
<label for="name-1">Name</label>
<input type="text" id="name-1" required/>
<label for="pin-1">Pin</label>
<input type="text" id="pin-1" required/>
<button type="submit" class="submit">Submit</button>
</form>
</div>
<div class="page u-none" id="page-signup">
<nav>
<a data-page="page-settings">User Settings</a>
<a data-page="page-login">Logout</a>
</nav>
<h1>MAIN PAGE 2</h1>
<form action="" name="login" method="POST" id="form-id">
<label for="name-2">Name</label>
<input type="text" id="name-2" required/>
<label for="pin-2">Pin</label>
<input type="text" id="pin-2" required/>
<button type="submit" class="submit">Submit</button>
</form>
</div>
<div class="page u-none" id="page-dashboard">
<nav>
<a data-page="page-main">Back to Main</a>
<a data-page="page-login">Logout</a>
</nav>
<h1>SETTINGS PAGE</h1>
</div>
</div>
You can use fullpage.js
This is simple and have variety settings. so check this https://github.com/alvarotrigo/fullpage.js
For each loop pause event and resume event on submit form .I create a quiz app so i need to print only one question on each but in my for each It as multiple question.
$.each(function(index,data){
//execute first loop and pause
//i will append some form here .and when i submit this form now continue next loop
});
$.each(data.jobseek, function(index,element){
// alert(element.job_title);
$('#assessmentjoblist').append('<li><a href="#" onclick="detailviewjoblist('
+element.assessment_id
+')"<div class="col-xs-8" > <div class="row" style="margin-bottom: 0"> <div class="col-xs-4">
<div class="box" style=" text-align: center; padding-top: 14px;"><img src="img/ment.jpg" width= "72x" height="72px" ></div>
</div> <div class="col-xs-8" style="color:black">
<div class="box" style="padding-top: 10px"><i class="zmdi zmdi-card-travel"></i><span style="font-family: sans-serif;font-weight: bold;font-size: 15px;text-transform:capitalize"> '
+element.assessment_title
+'</span><br>
<span>Assessment_marks: </span><span style="color: gray; font-style: italic;">'
+element.assessment_total_marks
+'</span><br><span style=""> assessment_skills: </span><span style="color: gray">'
+element.assessment_skills
+' </span><br> </div> </div></div> </a> <hr style="margin:0"> </li>');
});
this is how my loop looks
I Have 3 Toggle Icons here
I want to change the icon to toggle on when its clicked like this enter image description here
I wrote a jquery for that but it only works for 1st icon .
function settingsClicked() {
$(document).ready(function() {
$('#settings-btn').click(function() {
$(this).toggleClass("fa-toggle-off fa-toggle-on");
});
});
}
settings {
padding: 10px;
}
.settings p {
display: inline;
font-size: 22px;
color: #1e698d;
font-family: 'Dosis', sans-serif;
font-weight: bold;
}
.settings i {
font-size: 30px;
padding-left: 10px;
}
.fa-toggle-on {
color: green;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dashboard">
<form>
<fieldset class="dashboard-border">
<legend class="legend-border">Settings</legend>
<div class="settings">
<p>Settings 1 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
<div class="settings">
<p>Settings 2 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
<div class="settings">
<p>Settings 3 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
</fieldset>
</form>
</div>
The problem is you cannot use the same id for multiple elements. So first off, remove those duplicate ids.
You could try using an alternative selector instead, based on your HTML then the following should work:
$('div.settings i').click(function () {
$(this).toggleClass("fa-toggle-off fa-toggle-on");
});
This will select the i elements found within any div that has class="settings".
Its only working for the first button because you are replicating the id - each id needs to be unique. I have simply appended a number to the end of the id to ensure the id is unique. Note that you will need to alter the selector for the click handler - and sincethere are multiple elements - better to use a class.
<div class="dashboard">
<form>
<fieldset class="dashboard-border">
<legend class="legend-border">Settings</legend>
<div class="settings">
<p>Settings 1 : </p> <i class="fas fa-toggle-off" id="settings-btn1"></i>
</div>
<div class="settings">
<p>Settings 2 : </p> <i class="fas fa-toggle-off" id="settings-btn2"></i>
</div>
<div class="settings">
<p>Settings 3 : </p> <i class="fas fa-toggle-off" id="settings-btn3"></i>
</div>
</fieldset>
</form>
</div>
Try this:-
It is not valid way to having multiple Tags with same id.
$(document).ready(function() {
$('div.settings i').click(function () {
$(this).toggleClass("fa-toggle-off fa-toggle-on");
});
});
settings {
padding: 10px;
}
.settings p {
display: inline;
font-size: 22px;
color: #1e698d;
font-family: 'Dosis', sans-serif;
font-weight: bold;
}
.settings i {
font-size: 30px;
padding-left: 10px;
}
.fa-toggle-on {
color: green;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dashboard">
<form>
<fieldset class="dashboard-border">
<legend class="legend-border">Settings</legend>
<div class="settings">
<p>Settings 1 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
<div class="settings">
<p>Settings 2 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
<div class="settings">
<p>Settings 3 : </p> <i class="fas fa-toggle-off" id="settings-btn"></i>
</div>
</fieldset>
</form>
</div>
You can only use an id one time.
If you want to toggle it for every button you could do something like this:
$(document).ready(function() {
$('.settings-btn').click(function () {
$(this).toggleClass("fa-toggle-off fa-toggle-on");
});
});
settings {
padding: 10px;
}
.settings p {
display: inline;
font-size: 22px;
color: #1e698d;
font-family: 'Dosis', sans-serif;
font-weight: bold;
}
.settings i {
font-size: 30px;
padding-left: 10px;
}
.fa-toggle-on {
color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dashboard">
<form>
<fieldset class="dashboard-border">
<legend class="legend-border">Settings</legend>
<div class="settings">
<p>Settings 1 : </p> <i class="fas fa-toggle-off settings-btn"></i>
</div>
<div class="settings">
<p>Settings 2 : </p> <i class="fas fa-toggle-off settings-btn"></i>
</div>
<div class="settings">
<p>Settings 3 : </p> <i class="fas fa-toggle-off settings-btn"></i>
</div>
</fieldset>
</form>
</div>
I'm working on a website as part of a project. The idea is to be able to filter the div tags by their title. For example, if you wanted to search for 'Television' or 'Music', etc.
My idea was to use the ID for each div to search and filter. Any advice on how to do that or any method is greatly appreciated!
Search bar:
<input id="search-bar" class="options-button" type="text" placeholder="Search Categories...">
Div tags to be search:
<div class="discover-tile" id="television">
<h2 class="discover-title">Television</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
<div class="discover-tile" id="movies">
<h2 class="discover-title">Movies</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
<div class="discover-tile" id="music">
<h2 class="discover-title">Music</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
CSS for the divs:
.discover-subscribe, .discover-unsubscribe {
width: calc(100% + 14px);
text-align: center;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
color: white;
background: #63c401;
border: none;
font-size: 14px;
margin: 14px 0 -14px -14px;
padding: 10px 10px;
text-shadow: rgba(0,0,0,0.4) 0 0 6px;
box-shadow: rgba(0,0,0,0.3) 0 0 4px;
transition: background 0.2s ease-in-out;
}
.discover-unsubscribe {
background: #DE1B1B;
}
.discover-subscribe:hover {
background: #52A301;
}
.discover-unsubscribe:hover {
background: #B81616;
}
Try the following way with Array's forEach():
var divEl = document.querySelectorAll('div.discover-tile');
divEl.forEach(function(d){
if(d.getAttribute('id') == 'television'){
console.log(d);
}
});
<div class="discover-tile" id="television">
<h2 class="discover-title">Television</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
<div class="discover-tile" id="movies">
<h2 class="discover-title">Movies</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
<div class="discover-tile" id="music">
<h2 class="discover-title">Music</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
Or you can use filter() like:
var divEl = document.querySelectorAll('div.discover-tile');
var television = Array.prototype.filter.call(divEl, function(d){
return d.getAttribute('id') == 'television';
});
console.log(television);
<div class="discover-tile" id="television">
<h2 class="discover-title">Television</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
<div class="discover-tile" id="movies">
<h2 class="discover-title">Movies</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
<div class="discover-tile" id="music">
<h2 class="discover-title">Music</h2>
<p class="discover-info">Description</p>
<button type="submit" class="discover-unsubscribe">Unsubscribe</button>
</div>
The answers presented don't cover all the gotchas that you will run into. I would suggest you try using list.js to filter - it is very powerful and has a very small footprint.
http://listjs.com/
I've used it on several projects and it is rock solid and easy to setup.
You can do it in the following way:
$(document).ready(function(){
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myList div").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
<div class="container">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<h2>
example to filter div content</h2>
<input class="form-control" id="myInput" type="text" placeholder="Search..">
<br>
<div class="list-group" id="myList">
<div>Label 1</div>
<div>Label 2</div>
<div>asdf 1</div>
<div>asdf 2</div>
</div>
</div>
I am passing HTML content (with base64 image) into a web service. Our web service format won't allow '<' and '>', so I am using < and >. But I am not able to retrieve content. The HTML editor itself is not giving output.
How can I do this? Below is my sample code.
<html><body><p><img src="data:image/png;base64,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" /><br /><br />---------- Reply message ----------<br />From: a.b#gmail.com<br />Date: 02/01/2018 05:42:34 PM<br />Subject: Re: Started-df<br />To: d.e#gmail.com<br />------------------------------<br /><br /><br /></p>
<div dir="ltr"> </div>
<div class="gmail_extra"><br clear="all" />
<div>
<div class="gmail_signature" data-smartmail="gmail_signature">
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr"><span style="color: #999999;"> </span></div>
<div dir="ltr"><span style="color: #999999; font-family: 'arial black', sans-serif;"><strong><em>Regards,</em></strong></span>
<div><span style="color: #999999; font-family: 'arial black', sans-serif;"><span style="background-color: #ffffff;">a</span></span></div>
<div><span style="color: #999999; font-family: 'arial black',sans-serif; font-size: 12.8px;">Mobile: +913344556677</span></div>
<div><span style="color: #999999; font-family: 'arial black', sans-serif;"><span style="background-color: #ffffff;"> </span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br />
<div class="gmail_quote">On Tue, Jan 2, 2018 at 4:26 PM, <a href="mailto:d.e#gmail.com">d.e#gmail.com</a> <span dir="ltr"><<a href="mailto:d.e#gmail.com" target="_blank" rel="noopener">d.e#gmail.com</a>></span> wrote:<br />
<blockquote class="gmail_quote" style="margin: 0 0 0 .8ex; border-left: 1px #ccc solid; padding-left: 1ex;">
<p><img /><br /><br />---------- Reply message ----------<br />From: <a href="mailto:d.e#gmail.com" target="_blank" rel="noopener">d.e#gmail.com</a><br />Date: 02/01/2018 03:42:06 PM<br />Subject: Ticket Started-dfd<br />To: <a href="mailto:a.b#gmail.com.com" target="_blank" rel="noopener">a.b#gmail.com.com</a><br />Cc: <a href="mailto:k.s#gmail.com" target="_blank" rel="noopener">k.s#gmail.com</a>;<a href="mailto:t.m#gmail.com" target="_blank" rel="noopener">t<wbr />a#gmail.com</a>;<a href="mailto:d.e#gmail.com" target="_blank" rel="noopener">dmeeu.<wbr />entity#gmail.com</a>;<br />------------------------------<br /><br /><br /></p>
<p>dfgd</p>
<p><br /><br /></p>
</blockquote>
</div>
</div></body></html>