Web design divcông việc
Hi all! Here is another project I need help with. Actually small part. I've got a scrollable script that uses canvas that I came up with, however, I'm having a hard time getting the image to resize based on the div. The div will be 100% width size always, and 100vh height size. Canvas works, and image shows up, scrolling works, but image being originally 4k size, doesn't resize into the viewpoint. That is what I need help with. A little bit of extra code added to my current script. Profile link to previous work like this or if you can do it before acceptance of project, even better to show me you know how to do it. My profile should tell you, I'll pay, quite honest person. Ohh, don't bid $250, this aint worth hours of work, nor is it worth top do...
HTML templates. Design raw HTML approximately 40 screens which I've designed u, sing an image editor. These images must be converted to HTML screens. The preferred HTML development is to use the provided CSS to complete the screen designs. No further CSS development is required. Screens must render correctly on PC, iPhone and Tablet. The preferred developer will need to advise the cost per screen. They will be charging to complete the work. Hints will be shown on hover of an element, such as text or a widget if the database is set up to show a hint on a particular widget. All elements need to accommodate for a hint to be displayed on hobbit. Example: <html> <head> <title>Title of the document</title> </head> <body> <h2&g...
HTML templates. Design raw HTML approximately 40 screens which I've designed u, sing an image editor. These images must be converted to HTML screens. The preferred HTML development is to use the provided CSS to complete the screen designs. No further CSS development is required. Screens must render correctly on PC, iPhone and Tablet. The preferred developer will need to advise the cost per screen. They will be charging to complete the work. Hints will be shown on hover of an element, such as text or a widget if the database is set up to show a hint on a particular widget. All elements need to accommodate for a hint to be displayed on hobbit. Example: <html> <head> <title>Title of the document</title> </head> <body> <h2&g...
...containing a brief message about the need to wait for a few seconds for the form submission process to complete. Currently, the spinner has the following code: <img id="gform_ajax_spinner_2" class="gform_ajax_spinner" src="" alt=""> I need to replace this <img> with a different HTML structure that allows for displaying a <div> with a short header and some interesting waiting animation. Utilizing standard Gravity Forms functions such as gform_ajax_spinner_url is preferred. Full documentation can be found here: As a last resort, JavaScript can be used to change the HTML structure, although I would prefer to avoid thi and use build in gravity fomrms function/filter/action. The changes should
Wir suchen LKW Fahrer der Klasse CE in Vollzeit für Hamburg / Airport und Lübeck. Inhalt : DU suchst eine neue Herausforderung als LKW-Fahrer? DU möchtest geregelte Arbeitszeiten ohne Wochenendarbeit? DU möchtest regional fahren und abends zuhause sein? Wir bieten überdurchschnittliche Bezahlung, Sonderzahlungen und viele weitere Gehaltse...suchst eine neue Herausforderung als LKW-Fahrer? DU möchtest geregelte Arbeitszeiten ohne Wochenendarbeit? DU möchtest regional fahren und abends zuhause sein? Wir bieten überdurchschnittliche Bezahlung, Sonderzahlungen und viele weitere Gehaltsextras. Ein super nettes Team und eine nette Arbeitsatmosphäre sind für uns selbstverständlich. Der Fuhrpark besteht aus : - - LKW -7,5t -div Sa...
I am looking for a Wordpress developer who can help me with a project that involves showing scroll bars on a div that contains a Canvas. The desired behavior for this project is to have the scroll bars appear when the canvas is larger than the div size. The scroll bars should be visible on both mobile and desktop platforms. This is for a custom Wordpress plugin. Skills and Experience Required: - Proficiency in HTML/CSS, Wordpress, Wordpress plugins. - Knowledge of responsive design principles to ensure the scroll bars appear correctly on different screen sizes.
create plugin ...the xml contains multiple jobs (up to 50). these jobs are separated by xml tags and include title, id, description, date and so on. the plugin should display all these jobs as a list of jobs (like a search result page) on some page (maybe like "). each job should be displayed as one job DIV, inside will be title, descrtiption, date, employer, location. it also should display "OPEN" button/link in this div, which will take user to a custom page "customly made for the display of job details"). it should go to something like " custom page where details of only this particular job will be displayed. all results from api should be stored to local cache table in database.
...users can easily select and upload the files they need. Also, before upload the user will have to select a document type from a drop down list (e.g receipt, tax return, etc...) which some maybe required or not. There will be 2 upload methods (Upload all with progress, or upload one with progress). the UI has to be responsive and the server side application will be .NET MVC 5. I would like a simple design with Bootstrap 4 and the I am willing to accept a simple file upload library like BlueImp, , fine-uploader etc (UI must be from ground up). 1. Are there any specific security measures needed to protect uploaded files? No, the file type and size restrictions will be both on the client and server side 2. Do you prefer storing the files in a database or a file server? they
I am looking for a Python developer who can assist me with passing an XML file to Flask from the main process in a python web application when the main program is creating the data which is intended to displayed on a web page using Ajax. The Html part is working and I am able to send dummy data however I am not able to send the calculated data between the process' Format of the XML file: XML Purpose of passing the XML file: Data transfer Specific libraries or dependencies required: No Skills and experience needed for the job: - Proficiency in Python and Flask - Experience working with XML files and data transfer - Strong understanding of web development and Flask framework Please provide examples of previous projects or relevant experience in your proposal. ...
...include the code below) I have to hide some form fields from some logged in users. So some users should see all the fields, while others only some. In particular, this form requests information regarding 1, 2, 3 or 4 guests at a party. So based on how many guests the registered user has, he must be able to see the fields to enter the names and information requested. this is the code of my form: <div class="invitation-form-it"> <label><strong>NOME E COGNOME Ospite 1</strong></label> [text* your-name id:your-name] <label>Parteciperai il 24 Maggio?</label> [radio radio-24maggio use_label_element "SI" "NO"] <label>Parteciperai il 25 Maggio?</label> [radio radio-25maggio use...
If you have previous experience with developing a script for a web scraper on I would like to hear from you. Please state in your reply if you have worked with before. I will only consider offer from developer that has previous experience developing against the Apify api and platform. I need a basic web scraper that can scrape all pages on a WordPress website. It needs to find an element with a specific class or id and get the text content from that element. If that element is not found the grab the content of the body As it will be used as part of an automated process it must entirely be operated using the CLI. Additional requirements: - Scrape the text content of pdf files. - Report progress to a webhook at intervals - Post the content in batches to a webhook - Must
1) Temperature converter 2) Weight converter 3) Length converter 4) Universal byte converter 5) Speed converter 6) Add days to date 7) Calculate days between dates 8) Check if website is online 9) Ip to host 10) check http headers
Need help centering content. Just need you to tell me what to do, you don't actually have to do it
I have a website built through HTML and CSS. The website is responsive; however, the home page is not responsive yet all the other pages are. I've used same div wrapping and styling for every web page so this issue is quite strange. When I inspect element, the home page shows responsive but it shows a different layout on my phone. I'm using this meta type: <meta name="viewport" content="width=device-width, charset=utf-8" /> I'm using this DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> Please reach out to me and discuss. Looking for skilled frontend developer to resolve this.
...developer to create a custom UI control component for my Blazor application. The component is fairly simple <div><label/><input/></div>. When used <CustomComponent/>. Various properties of the component would tell it how to render itself and behave in interactions with the user. Requirements: - The component should be a UI control for Blazor. - I have specific design and functionality requirements for the component. - The component should be compatible with Blazor, with flexibility in terms of versions. Ideal Skills and Experience: - Strong knowledge and experience in Blazor development. - Experience in creating custom UI control components. - Ability to understand and implement specific design and functionality requirements...
We need bootstrap 5.3 based html 5 coding compatible with mobile devices All the pages below will have my logo(It will be shared during discussion). Colors should be white and bl...white and blue(exact hex code will be sent later) 1. Login Page - 2. Dashboard Page: - We don't need chart, calendar in this page. 3. List of Records(action dropdown button have following option delete, edit, activate, de-activate with each record): (a) Option like delete will ask confirmation div (b) Add option to filter records based on textbox(s) and dropdowns (c) Pagination 4. Page for a form example: (Please include date, textbox, image) Supported Submission File Types
I need to apply a div in login page on button click. Page is using bootstrap 5.3 Please contact me for further details
...id=SerialHeader>0000</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </table> <br><br> <table id="demo"></table> <form action="index" method="post"> <label>Name:<input type="text" id="name" value="" /></label> <button type="button" id="btn-post" onclick="do_ajax();">Click</button> <div id="result"></div> </form> </body> </html> ...
Hi, Brother. I have a quick job if you're available. I just need to update my website with the new update again and add this code which is a little quote box: <div class="lawn-widget"> </div> <script src="" data-app-url="" name="deeplawn-widget-script" cid="64c31e03e053be0bd54229ff"> </script>
[ .bubble Plugin ] please create simple bubble plugin This plugin change the mode ( Blue-light cut mode or not) -Create a Plugin: Create a new plugin in the Bubble editor. -Create an Element: In the plugin editor, create a new element (for example, "BlueLightFilterButton"). -Define CSS: In the p...light filter on and off. In the Bubble editor, place the new "BlueLightFilterButton" element on a page, and set it up so that when this element is clicked, the JavaScript function is executed. for example........... function toggleBlueLightFilter() { var filter = ('.blue-light-filter'); if (filter) { (); } else { filter = ('div'); = 'blue-light-filter'; (filter); } }
I am looking for a freelancer to help me with my website. I've got PSD layout ready The main webpage features a rotating image gallery, comprising what will be a loop of four images. Upon clicking the "Cennik" section, a PDF file is downloaded. Similarly, upon clicking the "Rezerwuj" section, a dedicated reservation page hosted on is launched (i will provide div code or joomla plugin) Instagram -> opens instagram
I have a shiny app that renders data in a dashboard in <div class="main"> in the browser. I want you to build a R Shiny function that exports whatever is under <div class="main"> into a PDF with the exact same format as shown in the browser. It should also make sure that content in <div class="main"> is not "broken" or cut-off when the PDF goes from one side to the next, but that it is nicely presented in full.
...html('<span>GROUND</span> 01'); ('A layout designed with a purposeful flow of movement in mind; enjoy the spaciousness of a living area that’s waiting to entertain. '); (`<div class="swiper-slide ground-floor"> <a class="expand-icon" href="./assets/img/" data-toggle="lightbox" data-gallery="property-gallery"> <img src="./assets/img/icons/" alt="expand"></a> <img class="property-show-img" src="./assets/img/" alt="Popup slide"> </div> `) ('ground-level'); }); break; case 1: ...
Description: We are looking for an experienced web developer who can effectively manage a specific scenario within our website structure. Our website consists of the following pages: , , and page3.html. The primary challenge is to ensure uninterrupted audio playback while navigating between these pages, without the need for the embedded script to reload. The embedded script in question is as follows: <script src="" data-use-service-core defer></script> <div class="elfsight-app-98e280e9-0e08-45f7-afdd-18cf5875f40a"></div> We want to prevent the script from reloading when transitioning between pages, thereby allowing the audio to play seamlessly. It's important to note that changing the URL for SEO purposes at the top ...
We are in need of a React developer who can craft a Shopify app responsible for incorporating a personalized div element into the cart page. The content within this div will be sourced from Firebase.
...input"); for (var i = 0; i < ; i++) { if (input !== inputs[i] && value === inputs[i].()) { = ""; // Clear the input if it's a duplicate ("This Seed Word has already been used."); break; } } } </script> </head> <body> <div class="button-container"> <button onclick="autoFill()">Auto-Fill</button> <button onclick="resetFields()">Reset</button> </div> <table> <tbody> <tr> <td></td> <!-- Empty cell at top-left corner --> <td>1</td> <!-- X-axis labels --> <td>2</td> <t...
I am looking for a freelancer with experience in working with ESP32 boards to help me res...0 0x4200ac39:0x3fced280 0x4200da88:0x3fced2a0 0x4200de61:0x3fced2f0 0x4200d3ea:0x3fced310 0x4200b809:0x3fced370 0x42023536:0x3fced390 0x420240a9:0x3fced3b0 0x42045fd5:0x3fced400 0x42047fa3:0x3fced420 ELF file SHA256: 0000000000000000 Rebooting... ⸮ESP-ROM:esp32s3-20210327 Build:Mar 27 2021 rst:0xc (RTC_SW_CPU_RST),boot:0x8 (SPI_FAST_FLASH_BOOT) Saved PC:0x40377400 SPIWP:0xee mode:DIO, clock div:1 load:0x3fce3808,len:0x43c load:0x403c9700,len:0xbec load:0x403cc700,len:0x2a3c SHA-256 comparison failed: Calculated: 74cb8a0835ff948a23b1fa30f5641bd3d3fc50d3e848150763aab2d791fb9d34 Expected: ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff Attempting to boot anyway... entry 0x40...
I will provide an excel file with links of the product detail pages of Link Format: I need a program which gets the content text and pictures of these pages into an MS access database. Every data row should include for every div class="prems--cms-container" - The item number "c01-108-b023eb" of the above sample link - ID - text - pictures Details of which div I want to get to be defined Prefered programing language: MS Access or VB.Net Please give me your price per hour and time estimate in hours.
...Here are some examples of iFramely links and data: id: "6f7f7f42-67b5-4b69-9d20-60a9f5bc8b3c" width: 419 height: 1500 url: "https://m.media-amazon.com/images/I/710+" embed: <div style="max-width: 419px;"><div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 357.9957%;"><iframe src="//" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen></iframe></div></div> iframelyUrl1: "//" iframelyUrl2: "//
...</head> <body> <div class="row"> <div class="col-md-12"> <div class="table-responsive fixed"> <table class="table table-striped table-bordered"> <tr> <td class="pretty-split-pane-component-inner" id="right-container" style="width:500px;"><p style="width:250px;">click node href attribute content</p></td> </tr> </table> </div> </div> ...
have been trying to use a router on react project but getting an error : A Route is only ever to be used as the child of Routes element, never rendered directly. Plea...Routes. The Code Is Shown Below import About from "./container/About"; import Profile from "./container/Profile"; import { useState } from "react"; import {BrowserRouter as Routes,Route} from 'react-router-dom' function App(){ const [state, setState] = useState('') return( <div className="App"> <button onClick={()=>setState('about')}>About</button> <button onClick={()=>setState('profile')}>Profile</button> <Routes> <Route component={About} path='/about&...
...**Selenium**: I have installed Selenium along with the Chrome WebDriver to automate browser interactions. 3. **Login Automation**: I have identified the HTML elements needed to automate the login process on using a Google account. The login button element is `<a href="/login" class="text-gray-500 hover:text-gray-900">Sign in</a>`, and the "Log in with Google" element is `<div class="ml-4">Continue with Google</div>`. 4. **Upload Automation**: I have also identified the HTML element for the upload button on , which is `<span class="uppy-DragDrop-note">Or click to browse</span Proposed Approach: 1. **Monitor Folders**: Use a Python script to monitor the specified folders for new MP3 files. 2...
I am looking for someone to help with a project involving the use of Javascript and CSS on a div element. Specifically, I need someone to apply transform-origin,scale,translate as well as a few JavaScript functions and CSS properties. This must be completed accurately and to a high standard; the js must use below as example: wheel for scale div,the scale must be from mouse postion mouse move and click to move div example: let transX=0; let transY=0; let scale = 1; let transformOrigin:{x:0,y:0}; <div style="getStyle()"></div> function getStyle(){ transformOrigin: `${transformOrigin.x}px ${transformOrigin.y}px`, transform: `translate(${transX}px, ${transY}px) scale(${scale})`, }
...to be removed var fileToRemove = file; // Remove the image when the remove button is clicked $(this).closest(".image-container").remove(); // Remove the file from the files array files = (function (f) { return f !== fileToRemove; }); }); var imageContainer = $("<div>").addClass("image-container"); (img).append(removeBtn); (imageContainer); }; })(file); (file); } } // Call the previewImages function when files are selected $("#images").on("change", previewImages); // Enable Drag and Drop functionality using jQuery UI $("#preview-images").s...
I need a selenium + chrome tab browser on my PHP page, to navegate to pre determined page. Similar to this project: @Forstaken/Virtual-Browser-or-Linux What A need. Full functional browser/tab on iframe or div at php front end. It need to run in backend (python, or similar). Just Open one site (using cookies to login). And show window logged on my page. I wish a blacklist to block some URLs. Please, is need to run at selenium or similar.. no remote desktop, etc.. i need full virtual browser/tab, running at backend.. without any file, cookie or etc, shared with the user browser.. everthing need to run at virtual browser..
Hello, There is an open source WBO whiteboard I want to allow the user in my WBO forked version to edit text directly on SVG without noticing the transition between editing and viewing modes. I was thinking about for example a contenteditable div that appears when the user clicks on a text area, and that can be closed by clicking the cursor away from it. The text displayed in textarea should look identical to the text drawn on SVG. It must have cross browser compatibility on Firefox, Chrome and Edge. An example below. Of course, this implementation must not conflict with other functions. In other words, it cannot cause other bugs in the operation of the text tool and the other tools. That is my request. My WBO version code will be sent to the selected
I am looking for a freelancer who can create a copy paste script to convert a website div into valid webflow json. The purpose of this conversion is to analyze the structure of the div for further development. You can do the script either in python or js I have a few websites with similar structure (I'll provide the website html) - Read the website html - Generate json data that is accepted by webflow - Be able to paste that data into webflow You should be familiar with how webflow copy/paste works but I'm attaching a sample json from a webflow demo site
...box for my custom-built website. Project requirements: Update the ID (dni) search box Actual HTML (line 141 ) <form action="" method="post" enctype="multipart/form-data"> <div class="form-row"> <div class="form-group col-4"> <input type="text" name="dni_buscado" id="dni_buscado" onkeyup="buscar_cliente()" class="form-control" placeholder="dni" required> </div> <div class="form-group col-6"> <div id="cliente_encontrado"><input type="text" name="nombre_apellido" id="nombre_apellido" value="" class="form-control" readonly>...
...for a Vue JS developer who can help me fix the delete issues in my project and add an x icon to delete the dropdown. I will be using AnyDesk for remote collaboration. Check the attached image. That is my content editable div where I can type text as well as I can add dropdonw using the + (plus) button. This dropdonw is adding using a custom component. On this custom component, I used v-select component. Now, If I add multiple dropdonw one by one and then If I press the backspace key or delete key from the keyboard I can not delete that dropdonw from the content editable div. I can see on the source code that a <br> tag appear. 1) So, you need to fix it. and On each dropdonw I want a x icon which will be on top right corner of each dropdown so that I can delete...
...href="/your-file-path/"> <script src="/your-file-path/"></script> Replace /your-file-path/ with the actual path where you uploaded the flatpickr library files in your Editor X file manager. Create a Container for the Calendar: Go back to the Editor X canvas, where you want the calendar to appear. Drag and drop a "Box" or "Div" element onto the canvas where the calendar will be displayed. Select the box or div element, and in the settings or properties panel, set its ID to "calendarContainer". Create a Custom Code Component: In the "Components" section or panel in Editor X, search for "Custom Code" and drag and drop it onto the canvas, near the other elements. Add the JavaScript Code: D...
i changed some page content and now the style has to get adapted meaning one <p> has to become a <div> and the layout has to be fixed so it looks nice on mobile screens again as you see in the pictures it's a dynamic page but you will get static html and all ressources to do the changes
Hello I am looking for a skilled Vue JS developer who can add a v-select component inside an HTML editable div. I have fully working version of code : ,src%2Fcomponents% It's working perfectly. Please click on the "Get Data Model" and then you will understand the output I want. But instead of normal html select tag, I want this type of selection: Thats it. I will pay once you 100% completed it.
Hello I am looking for a skilled Vue JS developer who can add a v-select component inside an HTML editable div. I have fully working version of code : ,src%2Fcomponents% It's working perfectly. Please click on the "Get Data Model" and then you will understand the output I want. But instead of normal html select tag, I want this type of selection: Thats it. I will pay once you 100% completed it.
I am looking for a Vue.js developer who can create an editable HTML div with the following functionalities: 1. In the editable html div I want to type text. 2. I want to add dropdown box by click on a button. 3. The dropdown box should be added where I put my cursor in the div. 4. I want the final output should be full text + selected dropdown options. Here is the example video: I want to use this package for the dropdown. If you complete it successfully I will pay after that.
...clicking the edit and format the code so I get the desired output of the <div> <b-card bg-variant="primary" no-body text-variant="white" class="overflow-hidden" style="max-width: 540px;" img-height = 10> <b-row no-gutters> <b-col md="6"> <b-card-img src="" alt="Image" class="rounded-0"></b-card-img> </b-col> <b-col md="6"> <b-card-body title="Horizontal Card"> <b-card-text> This is a wider card with supporting text as a natural lead-in to additional content. This content is a little bit longer. </b-card-text> </b-card-bo...
We have a chat button <div> code (below) supplied to us for a chat option on our website. We wish to show this button on every page of our website without having to insert the div on every single page. We need someone to write some code (CSS or Plugin) to display this button on every page of our website. DIV CODE: <div data-id="833f00e3de" class="livechat_button"><a href="">Live Chat</a></div>
I have this code <div class="card-body"> <li v-for="(item, index) in selectedMemberships" :key="index"> {{ }} {{ }} </li> </div> Item .ITEM can be a date range like 2021- 2023 or it could be one date like 2021 - is text and can failrly long-- such as "During my time in college at the State University of New York (SUNY) at Albany, Andrew Aplin, PhD at Albany Medical College as a research etc." I need something inserted so the output looks clean such as: 2022- "During my time in college at the State University of New York (SUNY) at Albany, Andrew Aplin, PhD at Albany Medical College as a research etc .... ...
...of contact 7: <div class="form-group"> <div class="label">Nombre *</div> <div class="input-container">[text* first_name "Nombre*"]</div> </div> <div class="form-group"> <div class="label">Apellidos *</div> <div class="input-container">[text* last_name "Apellidos*"]</div> </div> <div class="form-group"> <div class="label">Email *</div> <div class="input-container">[email* email "Email*"]</div> </div> <div ...
...com so they provide codes for widgets including availability, booking, calendars, and reviews. You can view the widgets on our site but here is sample code for availability. I would like this to be highly visible on the home page. <!-- Test availability widget --> <!-- OwnerRez Availability/Property Search widget --> <div class="ownerrez-widget" data-widget-type="Test availability widget - Availability/Property Search" data-widgetId="f0e5eb14becc40b2bda48be30db2428b"></div> <script src=""></script> Pictures and descriptions can be taken from current VRBO listings. Obviously, SEO friendly Ideally I would like this built on your server and moved to mine upon completion. Please ask questions
