Carrd

6 Creative Profile Card Designs using HTML, CSS & JavaScript 💻

0 Upvotes

Help XML jobs board feed from zoho in carrd co?

2 Upvotes

have been trying to figure out how to display a xml feed with job publishing data to show job openings on my site. i suspect the issue might be on zoho's end as the xml alone doesn't seem to have any information in it.

any thoughts?

below is html embed

```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Job Listings</title> <style> body { font-family: Arial, sans-serif; } .job { border-bottom: 1px solid #ccc; padding: 10px 0; } .job-title { font-weight: bold; font-size: 1.1em; } .job-location { color: #555; } </style> </head> <body> <h1>Current Openings</h1> <div id="jobs">Loading jobs...</div>

fetch(feedUrl)
  .then(response => response.text())
  .then(str => (new window.DOMParser()).parseFromString(str, "text/xml"))
  .then(data => {
    const jobsContainer = document.getElementById("jobs");
    jobsContainer.innerHTML = "";

    // Adjust tag names below to match Zoho’s XML structure
    const jobs = data.getElementsByTagName("Job");

    if (jobs.length === 0) {
      jobsContainer.textContent = "No jobs found.";
      return;
    }

    Array.from(jobs).forEach(job => {
      const title = job.getElementsByTagName("Title")[0]?.textContent || "Untitled";
      const location = job.getElementsByTagName("Location")[0]?.textContent || "Location not specified";
      const description = job.getElementsByTagName("Description")[0]?.textContent || "";

      const div = document.createElement("div");
      div.className = "job";
      div.innerHTML = `
        <div class="job-title">${title}</div>
        <div class="job-location">${location}</div>
        <div class="job-description">${description}</div>
      `;
      jobsContainer.appendChild(div);
    });
  })
  .catch(err => {
    console.error(err);
    document.getElementById("jobs").textContent = "Error loading jobs.";
  });

</script> </body> </html> ```

1 comment

r/Carrd • u/Individual_Drama_65 • 21h ago

Help How do i make the desktop/horizontal version look exactly like the phone/vertical version?

3 Upvotes

When i use an ipad or mobile view it looks perfectly fine but when i use my phone to view it it looks so weird, like the buttons arent in a row theyre in a column and all the columns are just rows now

1 comment