Draggable div jobs
...return jsonify({"error": "Invalid request data"}), 400 if __name__ == '__main__': (debug=True) Frontend (Shopify Theme - JavaScript): <!-- In your Shopify theme's HTML file --> <form id="tweet-form"> <label for="tweet-url">Enter Tweet URL:</label> <input type="text" id="tweet-url" name="tweet-url" required> <button type="submit">Generate T-Shirt</button> </form> <div id="tshirt-preview"></div> <script> ('tweet-form').addEventListener('submit', async function(event) { (); const tweetUrl = ('tweet-url').value; const response = await fetch('/cap...
...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: "//
1) I have an existing site, and on one page, i want to make a specific portion of the site static, so content can scroll past it.(More details will be provided). Source code has been attached. 2) There is a DateTime calendar design I will need implemented. screenshot of the design has been attached.
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...
...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>Example</h2> <div title="This is a mouseover text!">Hover this text to see the result.</div> </body> </html> Raw HTML to be used only with the basic tags utilized ONLY. Tags such as Table. BR. Are to be used. All HTML is to be written by hand, and not with the use of a third-party tool. This is to limit the amount of redundant HTML tags which m...
...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>Example</h2> <div title="This is a mouseover text!">Hover this text to see the result.</div> </body> </html> Raw HTML to be used only with the basic tags utilized ONLY. Tags such as Table. BR. Are to be used. All HTML is to be written by hand, and not with the use of a third-party tool. This is to limit the amount of redundant HTML tags which m...
...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
I am looking for an experienced developer who can create a draggable element reordering feature for my React application. This feature will enable users to customize and rearrange the order of elements on a webpage, specifically lists. For this, the developer should use a nested draggable list function. The draggable element reordering feature should be easy to use and intuitive enough that the users are able to rearrange the elements easily. The drag and drop function should be robust and able to move multiple items together in one go. The developer should also make sure that all types of elements (text, images, lists, etc.) are fully supported and customizable. I am looking for a developer who is knowledgeable in implementing drag-and-drop features and can work e...
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.
...buttons in the header, a generic file icon in the body with file name, and dropdown to select document type in the footer. It will also have some sort of upload indicator when upload is clicked and error must be somehow communicated. 5. Please provide more information about the "Upload all with progress" and "Upload one with progress" methods. upload all button will be at the top middle of the parent div and when clicked it will kick off a progress bar with filen name of current field being uploaded. also should be able to update the individual file UI to show that it is uploaded (like disable upload button), and state when upload is complete, or an error occurs. other things like files with same file name, file extensions and file size will be enforced duri...
...represent the draggable and resizable canvas where users can arrange HTML elements. You can use libraries like Vue Draggable and Vue Resizable for this functionality. b. Toolbox: This component will contain a list of HTML elements that users can add to the canvas. Each element can be represented by a draggable item. c. Element: This component represents an HTML element on the canvas. It should be draggable and editable. d. StylePanel: This component will provide an interface for users to apply styles to the selected HTML element. You can use Tailwind CSS classes under the hood to provide a wide range of styling options. Toolbox and Element Dragging: In the Toolbox component, render a list of HTML elements that users can add to the canvas. Make each elemen...
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' ...</script> </head> <body> <b><label style="font-size:400%" id="DeviceID">FLASK Test</label></b> <br><br> <table style="font-size:300%"> <tr> <th>Serial Number</th> <th id=SerialNumber>0000</th> </tr> </table> <b...
...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...
...on the sitemap. Otherwise, follow all links that point to the same domain as the starturl. -Respect - If maxpages has been set to 0 we must crawl all pages. Otherwise only scrape the number of pages set by the maxpages parameter. - I need the content of the element specified by the "contentidentifyer” parameter. For example, if "ContentArea" is specified get the text inside the div/span that has that id or class Suggested value format: “” e.g. “” “” e.g. “” - Clean up the output and strip all HTML Output format ============ I need the output as a JSON: [{ “url”: “<fully qualified url1 : >”, “content”: $scrapedContent1 },{ “url&rdqu...
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.
...here: - the video frame view should be the same as shown in the video attached, it can be 1 video or 2 videos, from your side no need to add the video frames inside this view but it will be great if you can add an image inside it or I can provide the function of extracting the frames. - below the video frame view, I can add multiple texts so the view should be scrollable, also the UI should be draggable to the right & left as shown in the video - I want another view for the audio which is called audio wave view, this view can be added to the list of views mentioned above. Note: the UI elements can be changed like colors & shapes but the main UI functionalities will be the same Skills and experience required for this job include: - Proficiency in Android app d...
I am looking for a skilled 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 re...
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 s...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 of the pages needs to be preserved.
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 am looking for a skilled developer to create a JavaScript product slider that is responsive and compatible with Bootstrap 4.6. The ideal candidate will have experience in front-end development a...compatible with Bootstrap 4.6. The ideal candidate will have experience in front-end development and be familiar with the following requirements: Desired Behavior: - The product slider should allow users to manually slide through products using arrows. Slider Content: - The slider should display both images and descriptions of the products. Mobile Navigation: - The slider should have both swipe and draggable functionality for mobile devices. Please note that the design and styling will be provided. The developer will only be responsible for implementing the functionality of the produ...
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})`, }
I am looking for an experienced developer who can create a draggable element reordering feature for my React application. This feature will enable users to customize and rearrange the order of elements on a webpage, specifically lists. For this, the developer should use a nested draggable list function. The draggable element reordering feature should be easy to use and intuitive enough that the users are able to rearrange the elements easily. The drag and drop function should be robust and able to move multiple items together in one go. The developer should also make sure that all types of elements (text, images, lists, etc.) are fully supported and customizable. I am looking for a developer who is knowledgeable in implementing drag-and-drop features and can work e...
...result) .attr("alt", "Preview Image") .addClass("img-fluid mb-2 draggable-image"); var removeBtn = $("<span>") .addClass("remove") .text("u00D7") // Unicode for the "times" symbol .click(function () { // Get the corresponding file 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 = $(&qu...
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.
...must be connected for the production version. Database: - The application can use any suitable (open-source) persistent database for storing session/user data. Frontend Technologies: - Strong knowledge of HTML, CSS, and Javascript is necessary for finishing the frontend development of the web application. The open work includes: cleaning up the code, fixing an existing issue with the draggable js library (in combination with jquery), adding interactivity (including websocket updates, order sending/canceling) Additional Skills: - Experience with websockets connections is required. - Experience with relevant javascript libraries is highly preferred for refactoring and optimization of functionalities. - Strong clean coding knowledge - Familiarity with trading platfor...
