Member Avatar for subrata_ushasi

Hi ,

I am creating an website where I want to create worldwide partner . I got a reference site which is developed in asp.net and flash but I want the same effect in php,jquery/javascript/ajax which is very urgent to do.

Thanks in advance

Subrata

  • 3 Contributors
  • 4 Replies
  • 360 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by NardCake

Dani AI

Generated

A compact, practical plan to reproduce the interactive "worldwide partners" UI in PHP + jQuery/AJAX (no Flash). As described: clicking a continent updates the right-hand details, clicking a country updates the left cascade, and a "worldwide" control returns to the top level. asked for clarification and encouraged breaking the task down — the smallest, safest path is: model the hierarchy, build a tiny JSON API in PHP, render and animate on the client with jQuery + CSS transitions, then add history/SEO and accessibility.

Example JSON data shape (start simple, extend later):

{
  "id":"worldwide",
  "name":"Worldwide",
  "continents":[
    {"id":"na","name":"North America","countries":[
      {"id":"us","name":"United States","offices":[{"city":"New York","info":"..."}]}
    ]}
  ]
}

Client-side flow (core ideas):

  • Render the cascade and detail panes from JSON.
  • Use event delegation for clicks and touch events.
  • Animate pane swaps with CSS classes and short JS fades for graceful fallback.
  • Keep UI state in a small object and pushState() for linkability.

Minimal jQuery example:

$(document).on('click', '.continent-btn', function(e){
  e.preventDefault();
  var id = $(this).data('id');
  $.getJSON('/api/offices.php?continent='+id, function(data){
    $('#rightPanel').fadeOut(180, function(){
      $(this).html(renderDetails(data)).fadeIn(180);
    });
    updateLeftCascade(data);
    history.pushState({id:id}, '', '?continent='+id);
  });
});

PHP endpoint must emit correct headers and JSON:

<?php
header('Content-Type: application/json; charset=utf-8');
echo json_encode($data);

Notes and cautions: start by prototyping with a static JSON file and plain HTML to validate interactions, then swap in DB-driven PHP. Use semantic HTML and ARIA roles for accessibility, preload likely data for snappy UX, and test touch behavior on phones. Log AJAX errors in the browser console and return clear status codes from PHP. This staged approach keeps the problem manageable and avoids a monolithic rewrite.

Recommended Answers

All 4 Replies

Member Avatar for JorgeM

Ok, so what it is your question?

Member Avatar for NardCake

but I want the same effect in php,jquery/javascript/ajax which is very urgent to do.

Thats what I thinkhe wants to do... I don't think anyone is just going to tell you how to do this. You need to at least try to figure out how to do it then look up separate parts of it you need to figure out how to do, instead of having us do it for you.

Edited by NardCake because: quote error
Member Avatar for subrata_ushasi

Hi JorgeM ,

My question is already posted . However I am giving you again. open the given link ->click on the red button (continent) and its corresponding effect on the right side text->then click on country and see its corresponding effect (text and cascade) on the left side and so on. again to come to world wide ,click on the "worldwide" on the left side cascade. My question is -: how to do it in php,javascript/ajax/jquery with out using flash(because the link given is developed in flash )

Thanks

Subrata
Member Avatar for NardCake

No one is just going to tell you how to do this, you need to do this yourself or at least do some research. In plain javascript it's going to be complicated if possible so hmhm.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.